jQuery選擇器使用介紹

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

使用length屬性判斷是否選擇成功。

$('#myid') //選擇id為myid的網頁元素

$('.myclass') // 選擇class為myclass的元素
$('li') //選擇所有的li元素
$('#ul1 li span') //選擇id為為ul1元素下的所有li下的span元素
$('input[name=first]') // 選擇name屬性等於first的input元素

$('div').has('p'); // 選擇包含p元素的div元素

$('div').not('.myclass'); //選擇class不等於myclass的div元素
$('div').eq(5); //選擇第6個div元素

$('#box').prev(); //選擇id是box的元素前面緊挨的同輩元素

$('#box').prevall(); //選擇id是box的元素之前所有的同輩元素
$('#box').next(); //選擇id是box的元素後面緊挨的同輩元素
$('#box').nextall(); //選擇id是box的元素後面所有的同輩元素
$('#box').parent(); //選擇id是box的元素的父元素
$('#box').children(); //選擇id是box的元素的所有子元素
$('#box').siblings(); //選擇id是box的元素的同級元素
$('#box').find('.myclass'); //選擇id是box的元素內的class等於myclass的元素

jquery有容錯機制，即使沒有找到元素，也不會出錯，可以用length屬性來判斷是否找到了元素,length等於0，就是沒選擇到元素，length大於0，就是選擇到了元素。

var $div1 = $('#div1');

var $div2 = $('#div2');
alert($div1.length); // 彈出1
alert($div2.length); // 彈出0
......
這是乙個div

jQuery標籤選擇器使用

1.jquery獲取表單的全部資料。jquery序列化表單資料 可以使用serialize 和 serializearray 它們的區別如下 1 serialize 方法 格式 var data form serialize 功能 將表單內容序列化成乙個字串。這樣在ajax提交表單資料時，就不用一一...

css選擇器使用

css中選擇器的組合用法，一下用 ab cd 代表兩個類 1.祖先選擇使用 ab cd 兩個類之間是空格，代表擁有樣式 ab 的元素，他的所有後代元素有 cd 樣式的元素都將被選中 2.兒子選擇使用 ab cd 兩個類之間是大於號，代表擁有樣式 ab 的元素，他的所有兒子元素有 cd 的那些元素 3...

jquery 選擇器介紹

jquery 選擇器介紹 基本選擇器 myelement 選擇id值等於myelement的元素，id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文...