-
:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
$(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素 CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式。查看全部
-
$(':contains(text)') 选择所有包含指定文本的元素 $(':parent') 选择所有含有子元素或者文本的元素 $(':empty') 选择所有没有子元素的元素(包含文本节点) $(':has(selector)') 选择元素中至少包含指定选择器的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象查看全部
-
:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始查看全部
-
层级选择器都有一个参考节点 $("parent > child") 后代选择器包含子选择器的选择的内容 $("ancestor descendant") 一般兄弟选择器包含相邻兄弟选择的内容 $(".prev + next") 选择.rev下的第一个next 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下 $(".prev ~ siblings") 选择.prev下的多个兄弟元素查看全部
-
$( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
$( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选查看全部
-
$( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器。 id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //将dom节点div转化为$div的jquery对象 // $div = ? var $first = $div.first(); //找到第一个div元素 var $second = $div.eq(1);//找到第二个div元素 var $third = $div.eq(2);//找到第三个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 $second.css('color','yellow');//给第二个元素设置颜色 $third.css('color','blue');//给第三个元素设置颜色查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了查看全部
-
//第一种方法 var $div = $('div'); //jQuery对象 var div = $div.get(0); div.style.color = 'red'; //操作dom对象的属性 //第二种方法 $('div').get(1).style.color = 'blue';查看全部
-
//.removeClass() 方法允许我们指定一个函数作为参数，返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' //*************************************** //必须要返回值，作为removeClass的参数，以此来进行样式的删除 })查看全部
-
jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
举报
0/150
提交
取消