为了账号安全,请及时绑定邮箱和手机立即绑定
  • toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 toggleClass会保留原有的Class名后新增,通过空格隔开
    查看全部
  • jQuery选择器之基本筛选选择器
    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素
    查看全部
  • this,表示当前的上下文对象是一个HTML对象,可以调用html对象所拥有的属性和方法 $(this)表示当前对象是一个jQuery上下文对象, 可以调用jQuery 的方法和属性
    查看全部
  • >(大于号)紧跟用于父子关系。例如:$("div>p")div下面儿子p元素节点。 (空格)任意层父子关系 如$("div p")表示div下的所有p节点。 +(加号)表示紧跟兄弟关系如$("div+p")表示div同层的下一个p节点 ~(波浪线)任意距离兄弟关系例如$("div~p")表示div同层下的所有的p节点 ,(逗号)表示选择器之间的组合,如$("div p,span p")表示div下面的p元素和span下面的p元素。
    查看全部
  • (1)$("div[name=p1]")选择div元素中name属性是p1的元素 (2)$("div[name]")选择div元素中所有具有name属性的元素 (3)$("div[name|=a]")选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素(如:name="a-bcd") (4)$("div[name~=a]")选择div元素中name属性的值包含字符串a且以空格分隔 元素(如:name="a b") (5)$("div[name^=ab]")选择div元素中name属性的值是以字符串ab开头的元素 (6)$("div[name$=ab]")选择div元素中name属性的值是以字符串ab结尾的元素 (7)$("div[name*=ab]")选择div元素中name属性的值包含字符串ab的元素 (8)$("div[name!=ab]")选择div元素中name属性的值不等于字符串ab或者没有name属性的元素 其中最常用的为第一个和第七个,属性为某个字符串的或者属性包含某些字符串的
    查看全部
  • sdfwf
    查看全部
    0 采集 收起 来源:环境搭建

    2016-12-13

  • jQuery选择器之属性筛选选择器: 1.属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性,这样所有使用该属性而不管它的值,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定值得元素。
    查看全部
  • jQuery选择器之可见性筛选选择器: 1.元素有显示状态和隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 2.:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单/visibility等等。 3.设置元素隐藏的几种方式; a.CSS display的值是none. b.type="hidden"的表单元素. c.宽度和高度都显示设置为0. d.一个祖先元素是隐藏的,该元素是不会在页面显示的 e.CSS visibility的值是hidden. f.CSS opacity的值是0 4.不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式。
    查看全部
  • jQuery选择之内容筛选选择器: 1.通过内容来过滤,其规则也会体现在它所包含的子元素或者文本内容上 2.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的原生,has查找包含“指定元素”的元素。 3.如果:contains匹配的文本包含在原生的子元素中,同样认为是符合条件的。 4.:parent与:empty是相反的,两者所涉及的子元素,包含文本节点。
    查看全部
  • $(":contains(text)") --选择所有包含指定文本的元素 $(":parent") --选择所有包含子元素或者文本的元素 $(":empty") --选择所有没有子元素的元素(包含文本节点) $(":has(selector)") --选择元素中至少包含指定选择器的元素 1、:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2、如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3、:parent与:empty是相反的,两者所涉及的子元素,包括文本节点
    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 , (逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器 值得注意: id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
    查看全部
  • 通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。这个对象里面包含了DOM对象的信息,然后封装了很多操作方法,调用自己的方法html与css,得到的效果与标准的JavaScript处理结果是一致的。 var $p = $('#imooc2'); $p.html('P2:您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');
    查看全部
  • .html(),.text()和.val()的差异总结: 1、.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 2、.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 3、.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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