-
回调函数里$(".left a:first")指的是第二个div里的第一个a,因为第一个div里的结构通过$(".left div:first").html('整个div的子节点都被替换了')改变了,里面没有a标签了查看全部
-
$("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) 这里function(i,val),i是指当前元素的下标,因为$()里面只有1个元素,所以下标只能是0; val是当前元素的当前属性(这里是‘value')修改前的值; 这里函数return xxx+val,意思是把当前元素的当前属性设置成xxx加上原来的属性值(val) 简单的例子: 1 2 3 4 5 HTML标签:<input value="aaa"/> JS:$("input").attr('value',function(i, val){ return 'bbb' + val }) 然后HTML标签变成<input value="bbbaaa"/>查看全部
-
筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素查看全部
-
http://img1.sycdn.imooc.com//57cd20bf0001a97f05290214.jpg查看全部
-
//选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色 $('input:not(:checked) + p').css("background-color", "#CD00CD");查看全部
-
http://img1.sycdn.imooc.com//57cd1df2000146de06020498.jpg查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
选中第一类衣服中第9个a元素 代码为: $(".tag dd a:nth-child(10)"); 因为 a:nth-child指的是 "a" 的父元素下 "dd" 的所有的子元素,则"dd"下的第9个"a"元素为nth-child(10); nth-child(1)为"p" ,其内容为第一类。反之,若 a:nth-child(10).css(...)对应文本的第10个元素对应的不是第9个"a",而是其他的元素,例如"div",那么将不会显示样式。总之,显示指定的子元素的样式需要满足两个条件,一是指定的元素,例如 "a",以及该父元素下指定的第几个子元素(所有的子元素,不单单指子元素为"a"元素)查看全部
-
大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的查看全部
-
$(":contains(text)") 选择 包含指定文本的元素 $(":has(selextor)") 选择 至少包含指定选择器的元素查看全部
-
注意事项: :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 :parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
注意事项: :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始查看全部
-
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
===表示数据和类型都相等查看全部
举报
0/150
提交
取消