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');