为了账号安全,请及时绑定邮箱和手机立即绑定
  • $('div > p') 选择的时第一代p元素 $('div p') 选择的是所有的p元素 在代码编辑器中第62行填写相应代码 $(".prev + div") 选择的是prev第一个div的兄弟节点 $(".prev ~ div") 选择的是prev所有的div兄弟节点
    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • 通过class样式类名来获取节点,可以进行多选 通过Id样式类名来获取节点,只能单选,当有多个ID时,取第一个,一般不能这样出现多个ID
    查看全部
  • 首先获取Div的Id 然后在转化成jQuerry对象,接着获取div的第一个元素(var $first=$div.first)
    查看全部
  • 选择器中的层级选择器就是用来处理这种关系 子元素 后代元素 兄弟元素 相邻元素 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
    查看全部
  • id选择器:一个用来查找的ID,即元素的id属性 $( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器 值得注意: id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
    查看全部
  • toggleClass()方法 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类 1..toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名 2..toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除 3..toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值 4.toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数
    查看全部
  • .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()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部
  • this,表示当前的上下文对象是一个HTML对象,可以调用html对象所拥有的属性和方法 $(this)表示当前对象是一个jQuery上下文对象, 可以调用jQuery 的方法和属性
    查看全部
  • jQuery选择器之表单对象属性筛选选择器 $(":enabled")选取可用的表单元素 $(":disabled")选取不可用的表单元素 $(":checked")选取被选中的<input>元素 $(":selected")选取被选中的<option>元素 注意事项: 1、选择器适用于复选框和单选框,对于下拉框元素,使用:selected选择器 2、在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见选用选择器input:checked,确保只会选取<input>元素
    查看全部
  • jQuery选择器之表单元素选择器 $(":input")选择所有input、textarea、select和button元素 $(":text")匹配所有文本框 $(":password")匹配所有密码框 $(":radio")匹配所有单选按钮 $(":checkbox")匹配所有复选按钮 $(":image")匹配所有图像域 $(":submit")匹配所有提交按钮 $(":reset")匹配所有重置按钮 $(":button")匹配所有按钮 $(":file")匹配所有文件域 注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]') $("input")和$(":input")的区别: $("input")只选择input标签.如:<input id="" type="" name="" /> ;$(":input")是伪类选择,不单单是input,还包括textarea和select,button.如<input />,<textarea></textarea>,<select></select>
    查看全部
  • (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属性的元素 其中最常用的为第一个和第七个,属性为某个字符串的或者属性包含某些字符串的
    查看全部
  • 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0
    查看全部
  • :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 :parent与:empty是相反的,两者所涉及的子元素,包括文本节点 $(":contains(text)")包含指定文本的 $(":parent")选择所含有子元素或者文本的元素 $(":empty")选择没有子元素的元素 $(":has(:selector)")选择元素中至少包含指定选择器的元素
    查看全部
  • 1 opacity=0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的 2 visibility=hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发该元素已经绑定的事件 3 display=none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉一样
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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