jquery
jquery 的使用
jquery方法大全中文網
然後就是再頁面裡面引入 jquery.js 就行了
document
然後就可以開始使用了
jquery 向全域性暴露的介面就是 jquery 或者 $ 都行
jquery.ready()與window.onload的區別
window.onload $(document).ready()$(selector).action();
工廠函式$()：將dom物件轉化為jquery物件
選擇器 selector：獲取需要操作的dom 元素
方法action()：jquery中提供的方法，其中包括繫結事件處理的方法
語法 說 明
css(「屬性」,「屬性值」) 為元素設定css樣式的值
addclass() 為元素新增類樣式
next() 獲得元素其後緊鄰的同輩元素
prev() 獲得元素前乙個緊鄰的同輩元素
jquery物件和dom物件
選擇器和篩選器
選擇器特殊選擇器
篩選器屬性操作
給乙個元素新增某個自定義屬性
// 給 div 新增乙個 index 屬性，值是 1
( ′d
iv′)
.att
r(′i
ndex
′,1)
//獲取
div的
inde
x屬性c
onso
le.l
og
(('div').attr('index', 1) // 獲取 div 的 index 屬性 console.log(
(′div′
).at
tr(′
inde
x′,1
)//獲
取div
的ind
ex屬性
cons
ole.
log(
(『div』).attr(『index』))
移除元素的某乙個屬性
// 移除元素自己本身的屬性
$(『div』).removeprop(『id』)
// 移除元素的自定義屬性
$(『div』).removeattr(『index』)
操作元素的類名
// 判斷某乙個元素有沒有某乙個 class
$(『div』).hasclass(『box』) // true 表示該元素有 box 類名，false 表示該元素沒有 box 類名
// 給元素新增乙個類名
$('div').addclass('box2') // 給 div 元素新增乙個 box2 類名
// 移除元素的類名
$('div').removeclass('box') // 移除 div 的 box 類名
// 切換元素類名
$('div').toggleclass('box3') // 如果元素本身有這個類名就移除，本身沒有就新增
隱式迭代
操作元素的內容
// 給元素的 innerhtml 賦值
$(『div』).html(『hello world』)
// 獲取元素的 innerhtml
$(『div』).html()
// 給元素的 innertext 賦值
$('div').text('hello world')
// 獲取元素的 innertext
$('div').text()
// 給元素的 value 賦值
$('input').val('admin')
// 獲取元素的 value 值
$('input').val()
操作樣式
jquery基本語法
1.查詢id為 的元素 元素id 2.查詢dom中乙個節點 標籤名稱 3.查詢某乙個特定的類 類名 4.查詢所有dom標籤元素 5.查詢dom框架內部的某一給定的祖代元素的後代元素 祖先元素 後代元素 6.查詢dom框架內某一父節點下的所有子節點元素 父節點元素 子節點元素 7.給某一指定input...
JQuery基本語法
選擇器 1。form text,form password 選擇form中type為text和password 2.form text not name,nickname,verify 選擇form中type為text的並且不包括id為name，nickname，verify的 3.input na...
jQuery 基本語法
部落格說明 語法jquery 語法是通過選取 html 元素，並對選取的元素執行某些操作。基礎語法 selector action 例如 隱藏當前元素 this hide 隱藏所有 元素 p hide 隱藏所有 class test 的 元素 p.test hide 隱藏 id test 的元素 t...