-
:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2.:last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 3.如果子元素只有一个的话,:first-child与:last-child是同一个 4. :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 5.jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 6.nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器(筛选的条件),所有不符合这个选择器的,将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素,从0开始计数。 $(":odd") 选择索引值为奇数的元素,从0开始计数。 $(":gt(index)") 选择匹配集合中,所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中,所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素,eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素。查看全部
-
$("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器 $("prev~siblings") 一般兄弟选择器查看全部
-
1.:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2.:last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 3.如果子元素只有一个的话,:first-child与:last-child是同一个 4. :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 5.jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 6.nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
[attr="value"]和[attr*="value"]最常用查看全部
-
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件查看全部
-
通过.css方法设置的样式属性优先级要高于.addClass方法。查看全部
-
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象查看全部
-
1 利用数组下标的方式读取到jQuery中的DOM对象 2 通过jQuery自带的get()方法查看全部
-
jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素。查看全部
-
通过jQuery方法包装后的对象,是jQuery对象,它是一个新的对象 jQuery与DOM对象完全不是同一个东西,但是又似曾相似,因为他们都能处理DOM 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容问题,我们可以通过jQuery更友好的API进行开发,同时代码也会更加精短查看全部
-
$(document).ready(function()){ $("div").html("您好!") }查看全部
-
.html与.text的异同: 1. .html与.text的方法操作是一样,只是在具体针对处理对象不同 2. .html处理的是元素内容,.text处理的是文本内容 3. .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用,如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的。火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器查看全部
举报
0/150
提交
取消