jq獲取元素
- jq獲取元素
- jq的獲取元素的方式類似於css獲取元素的操作
- css中的選擇器,jq也支持。
實例 | 效果 |
---|---|
$('div') | 得到所有div |
$('#div') | 得到id爲div的元素 |
$('.div') | 得到class爲div的元素 |
$('ul li') | 得到ul下的li |
- jq的獲取元素,也有自己的一些表達式
實例 | 效果 |
---|---|
$('a:first') | 選擇網頁中的第一個a元素 |
$('tr:odd') | 選擇表格中的奇數行 |
$('div:visible') | 選擇可見的div元素 |
$('div:gt(2)') | 選擇所有的div元素,除了前三個 |
$('div:animated') | 選擇當前處於動畫狀態的div元素 |
對集合操作的時候,是省略循環的
$(‘ul li’).css(‘background’,‘red’); 給ul下的所有li添加css
$與jQuery是等價關係 $==jQuery
jQuery(‘ul li’).css(‘background’,‘blue’) == $(‘ul li’).css(‘background’,‘blue’)
jquery的命名規範,如果是用jquery獲取到的數據,一般在前面,加上$;
var $li= $(‘div’);