-
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素查看全部
-
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
提交
取消