jQuery是一款非常流行的JavaScript庫(kù),它簡(jiǎn)化了JavaScript的操作。在開發(fā)網(wǎng)頁(yè)時(shí),我們經(jīng)常需要選擇頁(yè)面中的元素并操作它們。下面我們將介紹如何使用jQuery選擇
下的元素。
$(document).ready(function(){
//通過(guò)div的id選擇
var input1 = $('#divId input');
console.log(input1);
//通過(guò)div的class選擇
var input2 = $('.divClass input');
console.log(input2);
//通過(guò)div的子元素選擇器選擇
var input3 = $('div > input');
console.log(input3);
});
以上代碼示例分別演示了三種不同的方式選擇
下的元素。第一種方式是通過(guò)
的id選擇,我們只需要使用“#”符號(hào)加上div的id即可,會(huì)返回該id下的所有元素。
第二種方式是通過(guò)
的class選擇,我們只需要使用“.”符號(hào)加上div的class即可,會(huì)返回該class下的所有元素。
第三種方式是通過(guò)
的子元素選擇器選擇,使用“>”符號(hào)加上子元素的名稱即可,會(huì)返回所有