-
$(":first") 匹配第一个元素； $(":last") 匹配最后一个元素； $(":not(selector)") 过滤的选择器，选择所有的元素去除比匹配给定的选择器； $(":eq(index)");匹配的集合中选择索引为index的元素； $(":gt(index)");选择匹配集合中大于给定的索引值index的元素； $(":even");选择索引值为偶数的元素； $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素； $(":header");选择指定的元素的所有标题元素，如h1 h2等； $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素； $("lang(language)");选择指定的语言的所有元素； 注意事项： 1.:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 2.gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始查看全部
-
效果看浏览器查看全部
-
效果看浏览器查看全部
-
1.在javascript中使用 “var divs = document.getElementsByClassName('aaron');”这样获取的是一个相同类的集合，如果你对这些元素进行操作（例如：修改样式），你必须将这些元素一个一个取出来，分别赋值，你不能对集合divs直接赋值(例如：// divs.style.background="blue";)2.假如你使用jquery的话，例如：$(".imooc")，取得一个集合，但是你可以直接对该集合进行赋值。这样就省略了一个元素一个元素赋值的过程。。查看全部
-
效果看浏览器查看全部
-
注意结合html源码理解查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
假如需要选择页面中唯一的一个DOM元素，哪个是最快，最高效的选择器？ id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素查看全部
-
jQuery选择器之层级选择器: $("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器(只能是后面的) $("prev~siblings") 一般兄弟选择器（只能是后面的）查看全部
-
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，比如: 1.IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 2.getElementById的参数在IE8及较低的版本不区分大小写 3.IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A 4.IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
代码如图：可见与隐藏不太明白怎么判断的？查看全部
-
jQuery选择器之层级选择器 选择器中的层级选择器就是用来处理这种关系: 子元素 后代元素 兄弟元素 相邻元素 <script type="text/javascript"> //子选择器 //$('div > p') 选择所有div元素里面的子元素P $('div > p').css("border", "1px groove red"); </script> <script type="text/javascript"> //后代选择器 //$('div p') 选择所有div元素里面的p元素 $('div p').css("border", "1px groove red"); </script> <script type="text/javascript"> //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $(".prev + div").css("border", "3px groove blue"); </script> <script type="text/javascript"> //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $(".prev ~ div").css("border", "3px groove blue"); </script>查看全部
-
jQuery选择器之全选择器（*选择器） 在CSS中，经常会在第一行写下这样一段样式: * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述： $( "*" ) <script type="text/javascript"> //获取页面中所有的元素 var elements1 = document.getElementsByTagName('*'); </script> <script type="text/javascript"> //获取页面中所有的元素 var elements2 = $("*"); //原生与jQuery方法比较 //===表示数据和类型都相等 if(elements2.length === elements1.length){ elements2.css("border","1px solid red"); } </script>查看全部
举报
0/150
提交
取消