为了账号安全,请及时绑定邮箱和手机立即绑定
  • .html与.text的异同: .html与.text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器
    查看全部
  • attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)
    查看全部
  • 表单对象属性筛选选择器 1.$(":enabled")选取可用的表单元素 2.$(":disabled")选取不可用的表单元素 3.$(":checked")选取被选中的<input>元素,包括radio和checkbox 4.$(":selected")选取被选中的<option>元素 注意事项: 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器(option) 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素
    查看全部
  • 选择器之表单元素选择器 1.$(":input") 选择所有input,textarea,select,和button元素 2.$(":text")选择所有文本框 3.$(":password")选择所有密码框 4.$(":radio")选择所有单选按钮 5.$(":checkbox")选择所有复选框 6.$(":submit")选择所有提交按钮 7.$(":image")选择所有图像域 8.$(":reset")选择所有重置按钮 9.$(":button")选择所有按钮 10.$(":file")选择所有文件域 注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')
    查看全部
  • 子元素筛选器 1 $(":first-child") 选择所有父级元素下的第一个子元素 2 $(":last-child") 选择所有父级元素下的最后一个子元素 3 $(":only-child") 如果某个元素是其父元素唯一子元素,那么它就会被选中 4 $(":nth-child") 选择的他们所有父元素的第n个子元素 5 $(":nth-last-child") 选择所有他们父元素的倒数第n个子元素 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) 的区别前者是从前往后计算,后者从后往前计算
    查看全部
  • 属性筛选选择器 通过属性来选中一个元素。 1.$("[attribute]")选中含有att属性的元素 2.$("[attribute^='val']选中以val开头的att属性值的元素 3.$("[attribute$='val']选中一val结尾的att属性值的元素,val区分大小写 4.$("[attribute*='val']选中含有val的att属性值的元素 5.$("[attribute!='val']选中不含有val的att属性值的元素 6.$("[attribute='val']选中att属性值是val的元素 7.$("[attribute~='val']选中att属性值中用空格分隔开的属性值是val的元素 8.$("[attribute|='val']选中att属性值以val开头或者含有val的元素 浏览器支持: [att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范 [name!="value"] 属于jQuery 扩展的选择器 CSS选择器无论CSS2.1版本还是CSS3版本,IE7和IE8都支持,webkit、Gecko核心及Opera也都支持,只有IE6以下浏览器才不支持 在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件
    查看全部
  • 这2个选择器都是 jQuery 延伸出来的,看起来比较简单,但是元素可见性依赖于适用的样式 :hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素: 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是相反的,两者所涉及的子元素,包括文本节点
    查看全部
  • q全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素 1.:eq(),:lt(),:gt();:even;:odd用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2.gt是一个段落筛选,从指引索引的下一个开始,gt(1)实际从2开始
    查看全部
  • 层级选择器: 子元素:$('div>p'); div下的子元素p 后代元素:$('div p');div下所有的元素p 相邻兄弟元素:$(".prev +div");class=prev元素后的第一个兄弟元素div 一般兄弟元素:$(".prev ~ div");class=prev 元首后所有兄弟元素div
    查看全部
  • 全选择器(*选择器)--选择所有的元素 $("*");
    查看全部
  • 元素选择器: $("element");
    查看全部
  • 类选择器: $(".class");
    查看全部
  • id选择器 $("#id名");
    查看全部
  • element:nth-child(N); 表示元素element的父元素下的第N个子节点。 注意:是父元素下
    查看全部
    0 采集 收起 来源:综合案例

    2017-06-07

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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