为了账号安全,请及时绑定邮箱和手机立即绑定
  • 以下是一段HTML结构,通过jQuery的基本选择器,我们有多少方法可以获取? <div id="left" class="left"></div> $('.left') $('#left') $("div") $("*")
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • jQuery选择器之层级选择器 http://img1.sycdn.imooc.com//5590e98b0001f60d06130229.jpg
    查看全部
  • $(".first-div a:first-child") //选择class="first-div"下的第一个a元素,针对所有父级下的第一个 注意:选择过程是先选择父级.first-div ,然后选择它的第一个元素,是否为<a>标签元素,不是则没有选择到。 $(":last-child") //选择所有父级元素下的最后一个元素 $(":only-child") //如果某个元素是其父级元素的唯一子元素,那么它就会被选中 $(":nth-child") //用法:$(".first-div a:nth-child(2)")表示选择他们所有父元素的第2个元素 $(":nth-last-child") //选择所有父级元素的第n个子元素,计数从最后一个元素开始到第一个
    查看全部
  • (*选择器)
    查看全部
  • id $("#id") class $(".class") 标签 $("标签名")
    查看全部
  • 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • 体验 $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码
    查看全部
  • 导入jQuery库
    查看全部
    0 采集 收起 来源:环境搭建

    2017-10-16

  • jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)
    查看全部
  • 1.$(":input") 选择所有input,testarea,select和button元素; 2.$(":text") 匹配所有文本框; 3.$(":password") 匹配所有密码框; 4.$(":radio") 匹配所有单选按钮; 5.$(":checkbox") 匹配所有复选框; 6.$(":submit") 匹配所有提交按钮; 7.$(":image") 匹配所有图像域; 8.$(":reset") 匹配所有重置按钮; 9.$("button") 匹配所有按钮; 10.$("file") 匹配所有文件域; 1. attr(属性名) //获取属性的值 2. attr(属性名, 属性值) //设置属性的值 3. attr(属性名,函数值) //设置属性的函数值 4.attr(properties) //给指定元素设置多个属性值
    查看全部
  • 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) 的区别前者是从前往后计算,后者从后往前计算
    查看全部
  • addEventListener()绑定事件的对象方法。addEventListener()含有三个参数,一个是事件名称,另一个是事件执行的函数,最后一个是事件捕获,obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数,但是按这种方式写的话几个事件函数都会执行,最后是true和false的解释,事件在执行时都会有俩个流,一个是捕获事件流,另一个是冒泡事件流,进来的事件是捕获事件,出去的事件是冒泡事件,true的话会捕获进来时的,false的话会捕获出去时的
    查看全部
  • $(“[attribute|=’value’]”)——选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-”)的元素。 $(“[attribute*=’value’]”)——选择指定属性包含一个给定子字符串的元素(选择给定的属性是以包含某些值得元素)。 $(“[attribute~=’value’]”)——选择指定属性用空格分隔的值中包含一个给定值的元素。 $(“[attribute=’value’]”)——选择指定属性是给定值的元素。 $(“[attribute!=’value’]”)——选择不存在指定属性,或者指定的属性值不等于给定值的元素。 $(“[attribute^=’value’]”)——选择指定属性是以给定字符串开始的元素。 $(“[attribute$=’value’]”)——选择指定属性是以给定值结尾的元素,这个比较是区分大小写的。 $(“[attribute]”)——选择所有具有指定属性的元素,该属性值可以是任何值。 $(“[attributeFilter1][ attributeFilterN]”)——选择匹配所有指定的属性筛选器的元素。
    查看全部
  • 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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