选择器是JQuery的根基，在JQuery中对事件处理、选择遍历Dom、ajax操作都依赖选择器。JQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。一、基本选择器 1、ID选择器$("#ID")页面中每个ID是唯一的，ID选择器选择每个ID元素，如下方法如下：$("#ID");例：$("#tbxName")这个方法选择id=tbxName的页面元素。选择结果为单个元素。2、类选择器$(".class")据给定的类匹配查找元素，类选择器选择页面中样式类定义为要查...
1.基本选择器 *：所有元素选择器 例如：$("*").css("border","3px solid red")，表示为网页中的所有元素增加一个Border的css #id:id选择器阿 每个id值必须是在一个文件中只能使用一次。如果一个以上的元素分配了相同的ID，查询将只选择该ID第一个匹配的DOM元素 $("#test")，选中网页中id为test的元素 .class:类选择器，选择给定类名的所有元素。 $(".test"),选择类名为test的所有元素 element:元素选择器 ...
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myc...
<div class="test"> <div style="display:none;">aa</div> <div style="display:none;">bb</div> <div style="display:none;">cc</div> <div class="test" style="display:none;">dd</div> </div> <div class="test" style="display:none;">ee</div> <div class="test" style="display:none;">ff</div>$(‘.test :hidden‘).length //带空格 输出4 ：选出class为‘test’元素里的隐藏元素 $(‘.test:hidden‘).len...
$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素，返回div元素数组$(".myClass") 选择使用myClass类的css的所有元素$("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")层叠选择器：$("form input") 选择所有的form元素中的input元素$("#main > *") 选择id值为main的所有的...
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div...
一、选择器1、基本选择器①id选择器：# ②class选择器：. ③标签名选择：标签名 ④并列选择：用，隔开 ⑤后代选择：用空格隔开代码用法展示： View Code2、过滤选择器（1）、基本过滤①首个：:first ②尾个：:last ③任意个：:eq(索引号) ④大于：:gt(索引号)⑤小于：:lt(索引号) ⑥排除：:not(选择器) ⑦奇数：odd ⑧偶数：even（2）、属性过滤①属性名...
$(this).方法() - 当前元素，即调用这个方法的元素$("p").方法() - 注意：这里的p指的是jsp中所有的<p>XXX</p>$(".test").方法() - 所有 class="test" 的所有元素$("#test").方法() - id="test" 的元素 PS：如果有多个id="test" 的元素，也只返回第一个$("*“） - 通配选择器 返回所有元素$("#aa,.cc“） - 返回id值为aa的第一元素，并且返回class为cc的所有元素 $(":text").方法() ：查找text文本框，等同于$("input[t...
1 基本选择器 基本选择器包括： 标签选择器 类选择器 ID选择器 并集选择器 交集选择器 全局选择器 名称语法构成描述示例标签选择器element根据给定的标签名 匹配元素$("h2" ) 选取所有h2元素类选择器.class根据给定的class 匹配元素$(" .title")选取所有class为title的元素ID选择器#id根据给定的id 匹配元素$(" #title")选取id为title的元素并集选择 器selector1,selector2,...,sele...
4*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素 :first$("p:first")第一个 <p> 元素:last$("p:last")最后一个 <p> 元素:even$("tr:even")所有偶数 <tr> 元素:odd$("tr:odd")所有奇数 <tr> 元素 :eq(index)$("ul li:eq(3)")列表中的第四个元素（index 从 0 开始）:gt(no)...
左边的是jQuery用法 右边是js用法 $("tag") == document.getElementsByTagName("tag"); $(".class") == document.getElementsByClassName("class"); $("#id") == document.getElementById("id"); $("sb").css("background","red") == sb.style.background = "red"; var bg = $("sb").css("background-color");console.log(bg);//输出rgb(255,0,0)//红色$("sb").css({"background":"red","font-size":"14px"}) $("#id>.class>tag"...
jquery选择器详解jQuery 的选择器借鉴了大量 CSS1 ~ CSS3 标准的特点，并且整理成一个强大的对象选择工具集。但要注意的是如果你的对象名里包含 “#;&,.+*~’:”!^$[]()=>|/” 这些元字符时，你必须用 “\\” 进行转义。例如你要选择文档里包含 “name=”names[]“” 的 input 元素时，在编写过滤规则时你必须先对 “[]” 进行转义，所以我们应该这样定义选择器：“$(“input[name=names\\[\\]]”)”。泛选择器（*）在 jQuery 选择...
1.jQuery 简介：由美国人John Resig于2006年创建，设计思想是write less,do more2.在页面中引入jQuery<script src="js/jquery-1.12.4.js" type="text/javascript"></script>3.jQuery语法规则工厂函数$()：将DOM对象转化为jQuery对象选择器 selector：获取需要操作的DOM 元素方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法语法：$（selector）.action()4.jQuery操作页面元素使用addClass( )方法为元素添加样式使用...
1.选择tr中的序号为2的以后的数据，不选第一个$("#ContackName tr:gt(0)") 备注： :eq(index) $("ul li:eq(3)") 列表中的第四个元素（index 从 0 开始） :gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素 :lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素 2.选取this下面的某个子元素$(this).find(".ContackName").val() 备注： jQuery find() 方法 find() 方法返回被选元素的后代元素，一路向下直到最后一个...
原创文章，转载请注明出处，多谢！/** @param selector 已去掉头尾空白的选择器字符串* @param context 执行匹配的最初的上下文（即DOM元素集合）。若context没有赋值，则取document。* @param results 已匹配出的部分最终结果。若results没有赋值，则赋予空数组。* @param seed 初始集合*/ function select(selector, context, results, seed) {var i, tokens, token, type, find, // 调用tokenize函数解析selectormatch = tokeni...