-
.addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
.htm()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容）查看全部
-
:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
基本筛选选择器针对的都是元素DOM节点;查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
<script type="text/javascript"> //找到每一个dd下面的一个p元素，并改变颜色 //可以通过子类选择器 p:first-child 筛选出每一个dd中的的第一个a元素 $('dd p:first-child').css('color','#9932CC'); </script> <script type="text/javascript"> //把a元素从顺序1-5加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算，所以选在1-5,为对应的index就是4 $("a:lt(4)").css('color','red'); </script> <script type="text/javascript"> //在所有a元素中找到属性名name="setColor"的元素，并设置颜色 //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素 $('a[name="setColor"]').css('color','blue'); </script> <script type="text/javascript"> //选中2个dd列表中第10个元素，并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $('dd a:nth-child(10)').css('color','#66CD00'); </script> <script type="text/javascript"> //找到把a元素中包含文字"更多"的节点，改变颜色 $('#menu_con div.tag:last a:contains("更多")').css('color','#C71585'); </script> </script>查看全部
-
用Jquery的ID选择器选取节点的元素并且设置边框厚度和颜色 <div id="imooc"> <p>id="imooc"</p> <p>选中</p> </div> <script type="text/javascript"> $("#imooc").css('border','3px solid red') </script>查看全部
-
通过document.getElementTagNmae()方法获得元素标签名，然后把div标签名加工成Jquery对象赋给$div,再然后用Jquery对象调用first（）方法赋值给Jquery的$first对象，最后用$first对象调用css（）方法给元素设置颜色 var div = document.getElementTagName('div'); var $div=$(div); var $first=$div.first(); $first.css('color','red');查看全部
-
var $div=$('div');//获得Jquery类数组对象赋值给Jquery对象 var div=$div.get(0);//用Jquery对象调用自己的.get（）方法索引下标为0的元素赋值给DOM对象 div.style.color='red';//DOM对象调用自己的属性处理元素的颜色查看全部
-
//原生javascript方法调用元素赋值给对象 <p id="imooc"></p> <script type="text/javascript"> var p=document.getElementById('imooc'); p.innerHTML='你好';p.style.color='red'; </script> //JQuery方法 var $p=$('#imooc'); $p.html('你好').css('color','red');查看全部
-
<style type="text/css"> div{ padding:8px 0px; font-size:12px; text-align:center; border:solid 1px #888 } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){$("div").html("你好");}）; </script>查看全部
-
元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 描述如下： 这2个选择器都是 jQuery 延伸出来的，看起来比较简单，但是元素可见性依赖于适用的样式 :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式查看全部
举报
0/150
提交
取消