为了账号安全,请及时绑定邮箱和手机立即绑定
  • 注意事项: 1. 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 2. 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素 $("input:checked").removeAttr('checked') $("option:selected").removeAttr('selected')
    查看全部
  • 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) 的区别前者是从前往后计算,后者从后往前计算
    查看全部
  • :hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等 有几种方式可以隐藏一个元素: 1. CSS display的值是none。 2. type="hidden"的表单元素。 3. 宽度和高度都显式设置为0。 4. 一个祖先元素是隐藏的,该元素是不会在页面上显示 5. CSS visibility的值是hidden 6. CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式
    查看全部
  • //找到第一个div $(":first")).css("color", "#CD00CD"); //找到最后一个div $(":last").css("color", "#CD00CD"); //:even 选择所引值为偶数的元素,从 0 开始计数 $(":even").css("border", "3px groove red"); //:odd 选择所引值为奇数的元素,从 0 开始计数 $(":odd").css("border", "3px groove blue"); //:eq //选择单个 $(":eq(0)").css("border", "3px groove blue"); //:gt 选择匹配集合中所有索引值大于给定index参数的元素 // gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始 $(":gt(2)").css("border", "3px groove blue"); //:lt 选择匹配集合中所有索引值小于给定index参数的元素 //与:gt相反 $(":lt(2)").css("color", "#CD00CD"); //:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色 $("input:not(checked) p").css("background-color", "#CD00CD");
    查看全部
  • //子选择器 //$("div > p")选择所有div元素里面的子元素P //后代选择器 //$("div p") 选择所有div元素里面的p元素 //相邻兄弟选择器 //$("prev + div")选取prev后面的第一个的div兄弟节点 //一般相邻选择器 //$("prev ~ div")选取prev后面的所有的div兄弟节点
    查看全部
  • 仔细观察层级选择器之间还是有很多相似与不同点: 1. 层级选择器都有一个参考节点 2. 后代选择器包含子选择器的选择的内容 3. 一般兄弟选择器包含相邻兄弟选择的内容 4. 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
    查看全部
  • 兼容性问题: 1. IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 2. getElementById的参数在IE8及较低的版本不区分大小写 3. IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A 4. IE8及较低的版本,浏览器不支持getElementsByClassName
    查看全部
  • http://libs.baidu.com/jquery/1.9.1/jquery.js http://libs.baidu.com/jquery/1.9.1/jquery.min.js http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js
    查看全部
    0 采集 收起 来源:环境搭建

    2017-09-25

  • 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0
    查看全部
  • 看不懂
    查看全部
  • id选择器和类选择器的区别在于,id选择器是唯一的,而类选择器不是唯一的
    查看全部
  • 将dom对象转化成jquery对象 只需要通过getElementsByTagName获取一个dom对象的集合 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素
    查看全部
  • 将jQuery对象转化成dom对象,只需要先获取一个jquery的对象数组,再将其中一个赋值给dom对象 例var $div=$('div'); var div=$div.get(0)
    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
    查看全部
  • $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 eq equal $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) gt greater than $(":even") 选取索引值为偶数的元素,从0开始计数 even偶数 $(":odd") 选取索引值为奇数的元素,从0开始计数 odd奇数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 lt less than $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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