jquery input name 选择器 jquery name选择器怎么使用

转载

lazihuman 2023-09-02 10:02:39

文章标签 前端 jQuery JavaScript 选择器 html 文章分类 jQuery 前端开发

一、引入jQuery文件及文档就绪函数使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<title>JQuery index</title>
	</head>
	<body>
		
	</body>
	<script>
		$(document).ready(function () {
			alert("欢迎学习JQuery");
		});
		
	</script>
</html>

二、jQuery中各种选择器

元素选择器。如选择文档所有<p>元素$('p')
class选择器。如选择class='a'的所有元素$('.a')
id选择器。如选择id='b'的所有元素$('#b')

更多选择器

根据属性字首的选择器[name|="value"]，其中value可以为-前的值，比如value-other也可以被选中。如$('a[href|="#"]')
根据属性包含字符的选择器[name*="value"]。如$('a[href*="#"]')
根据属性包含一个单词的选择器[name~="word"]，其中的单词必须要空白符为边界。如name="a hello"，那么[name~="hello"]可以选中，若name="ahello"，则无法选取到
根据属性结尾的选择器[name$="value"]。如name="ahello"，那么[name$="hello"]可以被选中
根据属性值相等的选择器[name="value"]。如name="hello"，那么[name="hello"]可以被选中
根据属性值不相等的选择器[name!="value"]。如name="hello"，那么[name="fine"]可以被选中
根据属性开头包含的选择器[name^="value"]。如name="helloword"，那么[name="hello"]可以被选中。注意与[name|="value"]选择器的区别
根据元素类型的选择器[type=value]，也可以使用:value代替。如[type=checkbox]或:checkbox选择type=checkbox的选择器
获取某元素的所有子元素parent > child。如$('ul > li')获取ul元素下的所有li元素
获取相同元素中的首个元素:first。如$('li:first')获取首个li元素
获取相同元素中的最后一个元素:last。如$('li:last')获取最后一个li元素
获取某个元素的第一个子元素:first-child如$('div span:first-child')获取div元素的第一个span子元素
获取某个元素的最后一个子元素:last-child如$('div span:ast-child')获取div元素的最后一个span子元素
获取所有相同元素中索引大于某个数值的选择器:gt()。如$('td:gt(4)')获取索引值大于4的td元素，即获取第6个及以后的td元素
获取所有相同元素中索引小于某个数值的选择器:lt()。
获取含有某个指定属性（属性值任意）的选择器[]。如$('div[id]')获取所有有id属性的div元素
获取满足多个指定属性（属性值任意）的选择器[name1="value1"][name2="value2"]。如$('div[id][name="a"]')获取有id属性且name="a"的div元素
获取元素中包含至少一个指定元素的选择器:has()。如$('div:has(p)')获取所有含p元素的div元素
获取指定元素所有奇数索引的选择器:odd，偶数索引选择器:even（索引以0开始为偶数）

三 jQuery事件处理器

绑定事件函数bind(eventType [, eventData ], handler)
解除绑定事件函数unbind(eventType, handler)
元素内容被修改事件change(handler)。只对input，textarea，checkbox，radio和select元素有效
点击事件click(handler)
鼠标右键点击触发函数contextmenu(handler)
双击事件dblclick(handler)
焦点函数focus(handler)
获取焦点中的函数focusin(handler)
失去焦点后的函数focusout(handler)
注册事件函数on(events, selector, [data,] handler)，其他事件都可以使用该函数注册
注销事件函数off(event)
文档或元素加载完成事件load(handler)
各种键盘按压事件keydown(handler)，keypress(handler)，keyup(handler)
各种鼠标操作事件mousedown(handler)，mouseenter(handler)，mouseleave(handler)，mousemove(handler)，mouseout(handler)，mouseover(handler)，mouseup(handler)
文本就绪事件ready(handler)，等价于$(handler)]
窗口元素尺寸修改事件resize(handler)
窗口滚动事件scroll(handler)
文本内容选中事件select(handler)。只对<input type='text'>和<textarea>元素的内容被选中起效
提交事件submit(handler)。只对form表单起效，可点击<input type="submit">, <input type="image">, 或<button type="submit">触发, 也可以通过对form表单提交按钮按回车触发
切换函数toggle(handler)