Discuss / JavaScript / 有好多种方式来选择

有好多种方式来选择

Topic source

//选择所有语言 selected = $('[class^="lang-"]'); //按属性查找 selected = $('div.test-selector li'); //Descendant Selector selected = $('div.test-selector ul li,div.test-selector ol li'); //多层层选择器

//选择所有动态语言 selected = $('ul.test-lang li'); // Descendant Selector selected = $('div.test-selector ul.test-lang li'); //多层层级选择器 selected = $('ul.test-lang>li'); //Child Selector

//选择所有静态语言 selected = $('ol.test-lang li'); // Descendant Selector selected = $('div.test-selector ol.test-lang li'); //多层层级选择器 selected = $('ol.test-lang>li'); //Child Selector

//选择JavaScript selected = $('.lang-javascript'); //按class查找 selected = $('li.lang-javascript'); //组合查找 selected = $('ul.test-lang li.lang-javascript'); //Descendant Selector selected = $('div.test-selector li.lang-javascript'); //Descendant Selector selected = $('ul.test-lang>li.lang-javascript'); //Child Selector selected = $('ul.test-lang li:first-child'); //filter选择器 selected = $('ul.test-lang li:nth-child(1)'); //filter选择器

//选择Lua selected = $('.lang-lua'); //按class查找 selected = $('li.lang-lua'); //组合查找 selected = $('ul.test-lang li.lang-lua'); //Descendant Selector selected = $('div.test-selector li.lang-lua'); //Descendant Selector selected = $('ul.test-lang>li.lang-lua'); //Child Selector selected = $('ul.test-lang li:last-child'); //filter选择器 selected = $('ul.test-lang li:nth-child(3)'); //filter选择器

//选择C selected = $('.lang-c'); //按class查找 selected = $('li.lang-c'); //组合查找 selected = $('ol.test-lang li.lang-c'); //Descendant Selector selected = $('div.test-selector li.lang-c'); //Descendant Selector selected = $('ol.test-lang>li.lang-c'); //Child Selector selected = $('ol.test-lang li:last-child'); //filter选择器 selected = $('ol.test-lang li:nth-child(3)'); //filter选择器


  • 1

Reply