为了账号安全,请及时绑定邮箱和手机立即绑定
  • id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素
    查看全部
    0 采集 收起 来源:练习题

    2017-09-07

  • 1.jQuery中用attr()方法来获取和设置元素属性 2.attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } 3.removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute) 4.获取Attribute就需要用attr,获取Property就需要用prop ##$('input:eq(2)').attr('value',function(i, val){ return '通过function设置' + val }) function(i, val)中两个参数i和val是默认写法(当然你写成其他的y,qwq也是可以的),解释一下,function(i, val)中两个参数的含义,第一个i是指通过前面$("input")标签找到的第几个input元素(但是这里指明了eq(2),所以只有唯一的一个指定的input。)val是对应第i个input标签里的值。即在这一题里面function(i, val)中val就是特指现有的值:"回调拼接value" 这个字符串
    查看全部
  • jQuery选择器之表单对象属性筛选选择器 $(":enabled"):选取可用的表单元素 $(":disabled"):选取不可用的表单元素 $(":checked"):选取被选中的<input>元素 $(":selected"): 选取被选中的<option>元素
    查看全部
  • 层级选择器 $(“parent > child") 子选择器:选择所有指定 parent 元素中指定的 child 的直接子元素。 $(”ancestor descendant“) 后代选择器:选择给定的祖先元素的所有后代元素。一个元素的后代可能是该元素的一个孩子,孙子,曾孙等。 $("prev + next") 相邻兄弟选择器:选取所有紧接在 prev 元素后的 next 元素。 $(”prev ~ siblings“) 一般兄弟选择器:匹配 prev 元素之后的所有兄弟元素。具有相同的父元素,并匹配过滤 siblings 选择器。 1 层级选择器都有一个参考节点 2 后代选择器包含子选择器的选择的内容 3 一般兄弟选择器包含相邻兄弟选择的内容 4 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下
    查看全部
  • jQuery选择器之表单元素选择器 1.$(":input") 选择所有input,testarea,select和button元素; 2.$(":text") 匹配所有文本框; 3.$(":password") 匹配所有密码框; 4.$(":radio") 匹配所有单选按钮; 5.$(":checkbox") 匹配所有复选框; 6.$(":submit") 匹配所有提交按钮; 7.$(":image") 匹配所有图像域; 8.$(":reset") 匹配所有重置按钮; 9.$("button") 匹配所有按钮; 10.$("file") 匹配所有文件域;
    查看全部
  • :nth-child(index)从1开始的,而eq(index)是从0开始的
    查看全部
  • <script type="text/javascript"> //获取页面中所有的元素 var elements1 = document.getElementsByTagName('*'); </script> <script type="text/javascript"> //获取页面中所有的元素 var elements2 = $("*"); //原生与jQuery方法比较 //===表示数据和类型都相等 if(elements2.length === elements1.length){ elements2.css("border","1px solid red"); } </script>
    查看全部
  • 全选择器(*选择器) $( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到。 不难发现,id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,比如: 1 IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 2 getElementById的参数在IE8及较低的版本不区分大小写 3 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A 4 IE8及较低的版本,浏览器不支持getElementsByClassName
    查看全部
  • <script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的,所以得到的同样也是一个合集 $("p").css("border", "3px solid red"); </script>
    查看全部
  • 元素选择器:$( "element" ) 搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持。
    查看全部
  • <script type="text/javascript"> //通过原生方法处理 //样式是可以多选的,所以得到的是一个合集 //需要通过循环给合集中每一个元素修改样式 var divs = document.getElementsByClassName('aaron'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入class //class选择器可以选择多个元素 $(".imooc").css("border", "3px solid red"); </script> 通过比较,jQuery除了选择上的简单,而且没有再次使用循环处理。 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作。
    查看全部
  • 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。
    查看全部
  • $(".div:contains(span)").css("color", "blue");//包含关键字span的div<br> $(".div:has(span)").css("color", "blue");//包含标签span的div $(".div:parent").css("color", "blue")//选择已经当爹的div $(".div:empty").css("color", "blue")//选择空巢的div
    查看全部
  • 类选择器: $( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选。 jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的。
    查看全部
  • 学编程,遇到一些简称的代码,去查清楚全称,记忆会更牢固,就比如eq全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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