为了账号安全,请及时绑定邮箱和手机立即绑定
  • 回调函数里$(".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”选择器 
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 选中第一类衣服中第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"元素)
    查看全部
    0 采集 收起 来源:综合案例

    2018-03-22

  • 大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':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
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!