jQuery選擇器及應用

2021-09-24 02:05:04 字數 1115 閱讀 2988

根據id獲取

$("#div")
根據標籤的名字獲取

// 

$(".di")

根據類樣式的名字獲取

// 

$("div")

標籤加類選擇器

//nihao 

$("li.dv")

層次選擇器

//獲取所有的li標籤$(

function()

)

6.過濾選擇器

$

(".wrap li:odd").

css(

"background"

,"red");

//設定li奇數行的樣式$(

".wrap li:even").

css(

"background"

,"blue");

//設定li偶數行的樣式

7.索引選擇器

//設定ul中的索引為4的li的標籤元素$(

".wrap li:eq(4)").

css(

"background"

,"red");

//設定ul中的索引大於4的所有li的標籤元素$(

".wrap li:gt(4)").

css(

"background"

,"blue");

//設定ul中的索引小於4的所有li的標籤元素$(

".wrap li:lt(4)").

css(

"background"

,"green"

);

注意:以下幾個方法,括號裡面什麼都不寫表示獲取,寫內容表示設定

.text() 方法:

.val() 方法:

.css() 方法:

.attr() 方法:

認識jQuery及jQuery選擇器

var domobj document.getelementbyid id dom物件 var obj id jquery物件在jquery物件中無法使用dom物件 jquery物件轉化成dom物件 jquery物件是類似陣列的物件,兩種轉換方法 index 和get index var obj i...

jQuery選擇器簡單應用

用js寫一些例如全選 反選等功能的時候,會感覺 相當的多,而如果用jquery選擇器的話就會相當的簡潔了 需要注意的是 button eq 0 click function button eq 1 click function button eq 2 click function 在ie8經過測試上...

jquery基礎及選擇器

jquery庫檔案 分為開發版和發布版 在頁面中引用jquery 使用jquery彈出提示框 jquery語法規則 工廠函式 將dom物件轉化為jquery物件 jquery操作頁面元素 使用addclass 方法為元素新增樣式 使用css 方法設定元素樣式 使用show hide 方法設定元素的顯...