jquery中的選擇器

jquery用法思想

選擇某個網頁元素，然後對它進行某種操作

jquery選擇器

jquery選擇器可以快速地選擇元素，選擇規則和css樣式相同

//通過id來獲取元素 document.getelementbyid();

// $('#logo').css('border','solid 2px red');
//通過標籤名來獲取元素
// $('li').css('background','#369');
//通過class類名獲取元素
// $('.w').css('background','#369');
//逗號 並列獲取
// $('#logo,#menu').css('background','#369');
//空格 層級獲取
// $('#images li').css('background','#369');

//獲取第乙個和最後乙個元素

// $('li:first').css('background','#369');
// $('li:last').css('background','#369');
//獲取指定索引的元素 索引從0開始 
// $('li:eq(7)').css('background','#369');
// $('li').eq(7).css('background','#369');
//獲取包含指定文字的元素
// $('li:contains(國)').css('background','#369');
//通過包含指定屬性來獲取元素 通過屬性來獲取
// $('li[name=y]').css('background','#369');

//獲取所有的子元素

// $('#images').children().css('background','#369');
//獲取第乙個子元素
// $('ul li:first-child').css('background','#369');
//獲取最後乙個子元素
// $('ul li:last-child').css('background','#369');
//獲取指定索引的子元素 索引從1開始
// $('ul li:nth-child(3)').css('background','#369');
//獲取元素上乙個同級元素
// $('#f').prev().css('background','#369');
//獲取元素下乙個同級元素
// $('#f').next().css('background','#369');
//獲取同輩元素 (同輩元素不包含自己)
// $('#f').siblings().css('background','#369');
//獲取父級元素
// $('#f').parent().css('background','#369');
//獲取先輩級元素
// $('#f').parents('#all').css('border','solid 1px red');
//在父級元素中查詢指定的子元素$(
'#images').
find
('.w').
css(
'background'
,'#369'
);

jquery中的選擇器

1根據 id 具體的寫法jquery id 2根據名稱，body myform.text1 3css選擇器，p input radio documnet.forms 0 class div,p,span.class 層級 div p 子級的 元素 div p 子孫級的 元素 prev next 緊跟...

Jquery中的選擇器

jquery中的選擇器有很多類，比如id選擇器，class選擇器，html標籤選擇器等。id選擇器 就是通過乙個html元素的id來選擇它，因為html中的id是唯一的，所以通過id，我們可以找到唯一的html元素。比如 我們可以通過 div1 來選擇外面的div，是用來表示我進行的是通過id的選擇...

jQuery中的選擇器

我們知道原生 中使用document.getelementbyid id 獲取指定id的dom物件 在jquery中可以通過 識別符號 選擇器選擇頁面中任一元素 id 根據元素的 id屬性獲取指定的元素 element 根據元素的名稱獲取指定的元素 selector1,selector2 匹配所有滿...