本文导读目录：
parentelementchild（Jquery有哪些选择器
Jquery有哪些选择器
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一基本选择器.?id选择器（指定id元素将id=“one“的元素背景色设置为黑色。（id选择器返单个元素$(document).ready(function?()?{????????$(’#one’).css(’background’,?’#’);????});.?class选择器（遍历css类元素将class=“cube“的元素背景色设为黑色$(document).ready(function?()?{????????$(’.cube’).css(’background’,?’#’);????});.?element选择器（遍历html元素将p元素的文字大小设置为px$(document).ready(function?()?{????????$(’p’).css(’font-size’,?’px’);????});.?*?选择器（遍历所有元素$(document).ready(function?()?{????????//?遍历form下的所有元素，将字体颜色设置为红色????????$(’form?*’).css(’color’,?’#FF’);????});.?并列选择器$(document).ready(function?()?{????????//?将p元素和div元素的margin设为????????$(’p,?div’).css(’margin’,?’’);????});二?层次选择器.?parent?》?child（直系子元素$(document).ready(function?()?{????????//?选取div下的第一代span元素，将字体颜色设为红色????????$(’div?》?span’).css(’color’,?’#FF’);????});下面的代码，只有第一个span会变色，第二个span不属于div的一代子元素，颜色保持不变。《div》????????《span》《/span》????????《p》????????????《span》《/span》????????《/p》《/div》.?prev?+?next（下一个兄弟元素，等同于next()方法$(document).ready(function?()?{????//?选取class为item的下一个div兄弟元素????$(’.item?+?div’).css(’color’,?’#FF’);????//?等价代码????//$(’.item’).next(’div’).css(’color’,?’#FF’);});下面的代码，只有和会变色《p?class=“item“》《/p》《div》《/div》《div》《/div》《span?class=“item“》《/span》《div》《/div》.?prev?~?siblings（prev元素的所有兄弟元素，等同于nextAll()方法$(document).ready(function?()?{????//?选取class为inside之后的所有div兄弟元素????$(’.inside?~?div’).css(’color’,?’#FF’);????//?等价代码????//$(’.inside’).nextAll(’div’).css(’color’,?’#FF’);});下面的代码，G和G会变色《div?class=“inside“》G《/div》《div》G《/div》《span》G《/span》《div》G《/div》三?过滤选择器.?基本过滤选择器——.?:first和:last（取第一个元素或最后一个元素$(document).ready(function?()?{????????????$(’span:first’).css(’color’,?’#FF’);????????????$(’span:last’).css(’color’,?’#FF’);????????});下面的代码，G（first元素和G（last元素会变色《span》G《/span》《span》G《/span》《span》G《/span》——.?:not（取非元素$(document).ready(function?()?{????????????$(’div:not(.wrap)’).css(’color’,?’#FF’);????????});下面的代码，G会变色《div》G《/div》《div?class=“wrap“》G《/div》但是，请注意下面的代码：《div》????G????《div?class=“wrap“》G《/div》《/div》当G所在div和G所在div是父子关系时，G和G都会变色。——.?:even和:odd（取偶数索引或奇数索引元素，索引从开始，even表示偶数，odd表示奇数$(document).ready(function?()?{????????????$(’tr:even’).css(’background’,?’#EEE’);?//?偶数行颜色????????????$(’tr:odd’).css(’background’,?’#DADADA’);?//?奇数行颜色????????});AC行颜色#EEE（第一行的索引为，BD行颜色#DADADA《table?width=““?cellpadding=““?cellspacing=““》????《tbody》????????《tr》《td》A《/td》《/tr》????????《tr》《td》B《/td》《/tr》????????《tr》《td》C《/td》《/tr》????????《tr》《td》D《/td》《/tr》????《/tbody》《/table》——.?:eq(x)?（取指定索引的元素$(document).ready(function?()?{????????????$(’tr:eq()’).css(’background’,?’#FF’);????????});更改第三行的背景色，在上面的代码中C的背景会变色。——.?:gt(x)和:lt(x)（取大于x索引或小于x索引的元素$(document).ready(function?()?{????????????$(’ul?li:gt()’).css(’color’,?’#FF’);????????????$(’ul?li:lt()’).css(’color’,?’#FF’);????????});L和L会是红色，L和L会是蓝色，L是默认颜色《ul》????《li》L《/li》????《li》L《/li》????《li》L《/li》????《li》L《/li》????《li》L《/li》《/ul》——.?:header（取H~H标题元素$(document).ready(function?()?{????????????$(’:header’).css(’background’,?’#EFEFEF’);????????});下面的代码，H~H的背景色都会变《h》H《/h》《h》H《/h》《h》H《/h》《h》H《/h》《h》H《/h》《h》H《/h》.?内容过滤选择器——.?:contains(text)（取包含text文本的元素$(document).ready(function?()?{????????????//?dd元素中包含“jQuery“文本的会变色????????????$(’dd:contains(“jQuery“)’).css(’color’,?’#FF’);????????});下面的代码，第一个dd会变色《dl》????《dt》技术《/dt》????《dd》jQuery,?.,?CLR《/dd》????《dt》SEO《/dt》????《dd》关键字排名《/dd》????《dt》其他《/dt》????《dd》《/dd》《/dl》——.?:empty（取不包含子元素或文本为空的元素$(document).ready(function?()?{????????????$(’dd:empty’).html(’没有内容’);});上面第三个dd会显示“没有内容“文本——.?:has(selector)（取选择器匹配的元素$(document).ready(function?()?{????????????//?为包含span元素的div添加边框????????????$(’div:has(span)’).css(’border’,?’px?solid?#’);????????});即使span不是div的直系子元素，也会生效《div》????《h》????????A????????《span》B《/span》????《/h》《/div》——.?:parent（取包含子元素或文本的元素$(document).ready(function?()?{????????????$(’ol?li:parent’).css(’border’,?’px?solid?#’);????????});下面的代码，A和D所在的li会有边框《ol》????《li》《/li》????《li》A《/li》????《li》《/li》????《li》D《/li》《/ol》.?可见性过滤选择器——.?:hidden（取不可见的元素jQuery至..之后的:hidden选择器仅匹配display:none或《input?type=“hidden“?/》的元素，而不匹配visibility:?hidden或opacity:的元素。这也意味着hidden只匹配那些“隐藏的”并且不占空间的元素，像visibility:hidden或opa《html?xmlns=“(document).ready(function()?{????????????$(’div:hidden’).show();????????htc one v(三星w619)????alert($(’input:hidden’).val());????????});????《/script》《/head》《body》????《div?class=“hid-“》display:?none《/div》????《div?class=“hid-“》visibility:?hidden《/div》????《input?type=“hidden“?value=“hello“/》《/body》《/html》——.?:visible（取可见的元素下面的代码，最后一个div会有背景色《script?type=“text/javascript“》????$(document).ready(function()?{????????$(’div:visible’).css(’background’,?’#EEADBB’);????});《/script》《div?class=“hid-“》display:?none《/div》《div?class=“hid-“》visibility:?hidden《/div》《input?type=“hidden“?value=“hello“/》《div》????jQuery选择器大全《/div》.?属性过滤选择器——.?（取拥有attribute属性的元素下面的代码，最后一个a标签没有title属性，所以它仍然会带下划线《script?type=“text/javascript“》????????$(document).ready(function()?{????????????$(’a’).css(’text-decoration’,?’none’);???????});????《/script》???????????《ul》????????《li》《a?href=“#“?title=“DOM对象和jQuery对象“?class=“item“》DOM对象和jQuery对象《/a》《/li》????????《li》《a?href=“#“?title=“jQuery选择器大全“?class=“item-selected“》jQuery选择器大全《/a》《/li》????????《li》《a?href=“#“?title=“jQuery事件大全“?class=“item“》jQuery事件大全《/a》《/li》????????《li》《a?href=“#“?title=“基于jQuery的插件开发“?class=“item“》基于jQuery的插件开发《/a》《/li》????????《li》《a?href=“#“?title=“Wordpress?&?jQuery“?class=“item“》Wordpress?&?jQuery《/a》《/li》????????《li》《a?href=“#“?class=“item“》其他《/a》《/li》????《/ul》——.?（取attribute属性值等于value或不等于value的元素分别为class=“item“和class!=item的a标签指定文字颜色
DOM：DocumentObjectModel，文档对象模型；js提供了丰富的api来操作文档内容。DOM树：html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签headbody节点：DOM将所有的分支端都成为节点。节点有很多类型，常见的节点类型有：文本节点元素节点。可以通过nodeType查看节点类型：元素节点文本节点
三星w619魔音耳机beats（怎么区分魔声产品和BEATS产品
怎么区分魔声产品和BEATS产品
htc one v(三星w619)魔声产品和BEATS产品区别为：扬声器不同标志不同产品不同。
魔声产品：魔声产品有放大器和高保真扬声器。
BEATS产品：BEATS产品有放大器，但没有高保真扬声器。
三星w619联想摄像头怎么样（联想监控摄像头怎么样
联想监控摄像头怎么样
htc one v(三星w619)
咨询记录·回答于--
联想监
控摄像头怎么样
家用的话还是可以的，但是一般卖摄像头的话品牌大多都是海信，大华使用这些品牌的比较多一点，可以参考一下。
htc one v的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于三星w619、htc one v的信息别忘了在本站进行查找喔。