-
jQuery选择器之可见性筛选选择器 $(":visible") $(":hidden") 我们有几种方式可以隐藏一个元素： 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的，该元素是不会在页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的指是0 注意：如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度，是大于零。元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
子选择器 后代选择器 一般兄弟选择器 相邻兄弟选择器查看全部
-
jQuery选择器之内容筛选选择器 $(":parent")=查找含有子元素或者文本元素的元素 $(":empty")=查找不含有子元素或者文本元素的元素 $(":contains（text）")=查找含有文本的元素 $(":has(selector)")=查找含有指定元素的元素 注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
筛选选择器的用法-用冒号“：”开头 $(":first") 匹配第一个元素；eg:$(".div:first") $(":last") 匹配最后一个元素； $(":not(selector)") 过滤的选择器，选择所有的元素去除比匹配给定的选择器； $(":eq(index)");匹配的集合中选择索引为index的元素； $(":gt(index)");选择匹配集合中大于给定的索引值index的元素；eg:$(".div:gt(3)") $(":even");选择索引值为偶数的元素 $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素； $(":header");选择指定的元素的所有标题元素，如h1 h2等； $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素； $("lang(language)");选择指定的语言的所有元素；查看全部
-
attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）查看全部
-
<script type="text/javascript"> //找到男装下第一类衣服中的第一个p元素，并改变颜色 //可以通过子类选择器 p:first-child 筛选出第一个p元素 $('#menu_con div.tag dd>p:first-child').css('color','#9932CC'); </script> <script type="text/javascript"> //找到男装下第一类衣服把a元素从顺序1-4加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算，所以选在1-4,为对应的index就是4 $('#menu_con div.tag a:lt(4)').css('color','red'); </script> <script type="text/javascript"> //找到男装所有a元素中属性名name="setColor"的元素，并设置颜色 //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素 $('#menu_con div.tag a[name="setColor"]').css('color','blue'); </script> <script type="text/javascript"> //不分男女，选中第一类衣服中第9个a元素，并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $('div.tag a:nth-child(10)').css('color','#66CD00'); </script> <script type="text/javascript"> //找到女装下第一类衣服，把a元素中包含文字"更多"的节点，改变颜色 $('#menu_female div.tag a:contains("更多")').css('color','#C71585'); </script>查看全部
-
visibility:hidden opacity:0是可见的，因不他们占用空间布局查看全部
-
lt less than gt greater than查看全部
-
displaynone和width:0;height:0，让div消失且不在文档流里占位置了，用hidden可以选择出来； visibility:hidden和opacity:0，只是让你看不到他们，但是他们还在文档流里占位，用visible选择出来查看全部
-
$("#menu div.tag dd a:nth-child(10)").css('color','#66CD00'); 为什么题目中选的是第9个a元素，答案中要写10，即a:nth-child(10)。而不是a:nth-child(9) nth-child(index)从1开始的， 因为你"#menu div.tag dd a:nth-child(10)" 是找dd的子元素 a，所以略过<p> a是index（2）开始的 所以第9个为 a:nth-child(10)查看全部
-
选择器练习查看全部
-
$('div[name=p1]') div的classname只等于p1的,不能有多个classname $('div[p2]') div的<div>中div后面存在p2的(比如<div p2 class="131">或者<div class="131" p2>)，当然 p2也可以换成class或者id，但不能寻找class=。 $('div[name|="-"]') 这个比较古怪，按照语法意思，是要寻找classname为--（看清楚，是两横）的，但实际你classname是一横也行，继而$('div[name|="?"]')中的？其实就是classname等于？的，不存在一定是说明里的字符串后跟- $('div[name~="a"]') 寻找classname中类名有a的，意思就是你可以有多个类名，只要有一个是所寻找的即可 $('div[name^=imooc]') 寻找div类名开头是imooc的(是写在class=“这里”开头是imooc)，允许div多个类名 $('div[name$=imooc]') 寻找div类名结尾是imooc的(是写在class=“这里”结尾是imooc)，允许div多个类名 $('div[name*="test"]') 寻找div类名中有test的，只要有就行，和前面的$('div[name^=imooc]')、 $('div[name$=imooc]') 组合起来，就是开头，结尾，有就行，三种方式，都支持多个类名 $('div[testattr!="true"]') 寻找<div >里没有testattr的 ！=“true”就是没有，true改false就是有的查看全部
-
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
通过$(dom)方法将普通的dom对象加工成jQuery对象 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 var div = document.getElementsByTagName('div'); //dom对象 //将dom节点div转化为$div的jquery对象 var $div = $(div); var $a1 = $div.first(); //找到第一个div元素 var $a2= $div.eq(1); //找到第二个div元素 var $a3= $div.last(); //找到第三个div元素查看全部
-
利用数组下标的方式读取到jQuery中的DOM对象 HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 用jQuery找到所有的div元素（3个），因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象，调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是，数组的索引是从0开始的，也就是第一个元素下标是0 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 其实我们翻开源码，看看就知道了，get方法就是利用的第一种方式处理的，只是包装成一个get让开发者更直接方便的使用。 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>查看全部
举报
0/150
提交
取消