jquer物件和dom物件互轉
dom---> jquery
通過$包裝, var a = $(dom)
jquery---> dom jquery本身是乙個陣列
$ (dom)[0]
頁面載入完成 兩種方式的不同
$( function(){} ); -- 可以順序執行不同的內容
window.onload = function(){} --前乙個執行內容將被最後載入函式覆蓋
jq的函式: 屬性操作函式
setattribute(屬性名,屬性值)
getarrtibute(屬性名)
jq: attr(屬性名,屬性值)設定屬性
attr(屬性名) 獲取屬性值
樣式:改變樣式屬性
$("#one").attr("class","second");
增加樣式
$("#one").addclass("second");
刪除樣式
$("#one").removeclass();
樣式轉換
$("#one").toggleclass("second");
jquer的子節點可以自殺 $("#bj").remove();
父節點可以清空所有子節點 $("#city").empty();
//把陣列中的dom物件包裝成jquery物件
alert($($inputs[i]).val());
全選全不選
$("input[calss='itemselect']").prop("checked",$(ojb).prop("checked"));
選擇器:
表單屬性選擇器
var $inputs = $("input[type=text]:disabled");
層次選擇器
//選擇所有body的後代div標籤,層級選擇器 所有後代
$("body div")
//選擇body的子標籤div 只包括子標籤
$("body>div")
//id為one的下乙個div
$("#one+div")
//id為two後的所有兄弟div 只包含後面的
$("#two~div")
//siblings方法繼續選擇 包括two本身的前面後面的
$("#two").siblings("div")
過濾選擇器
//第乙個 div 元素
$("div:first")
//最後乙個 div
$("div:last")
//class不為 one 的所有 div 元素
$("div:not(.one)")
//索引值為偶數的 div 元素的背景
$("div:even")
//索引值為奇數的 div 元素
$("div:odd")
//索引值為大於 3 的 div 元素
$("div:gt(3)")
//索引值為等於 3 的 div 元素
$("div:eq(3)")
//索引值為小於 3 的 div 元素
$("div:lt(3)")
//所有的標題元素
$(":header")
//當前正在執行動畫的所有元素
$(":animated")
屬性選擇器
//屬性選擇器,選擇帶有title
$("div[title]")
//獲取屬性值是test的元素
$("div[title='test']")
//屬性值不等於test
$("div[title!='test']")
//屬性值以te開始的
$("div[title^='te']")
基本選擇器
//id選擇器為one的標籤
$("#one")
//class選擇器,選擇class為mini
$(".mini")
//獲取標籤span,和id值是two的元素
//多選擇器逗號分割
$("span,#two")
jQuery知識點總結（一）
一 二丶 document ready function document ready function 這裡的執行結果是先彈出 111 再彈出 222 jquery入口函式總共有四種寫法，秉持著寫的越少做的越多的原則推薦第三種寫法。第一種 document ready function 第二種 j...
jQuery知識點總結
一 元素的增刪改查 1 增加 b prepend 和 prependto 區別 後邊的加到前邊的裡邊 前置插入 c after 和 before 區別 後邊的插入到前邊的之後 後邊的插入到前邊的之前 2 刪除 a remove empty 和 detach 方法的區別 remove 移除 empty...
jQuery知識點總結（三）
jquery繫結事件 title click function else content slideup 1000 先學習四個動畫函式 show 時間 即改變透明度，高度 寬度 hide 時間 即改變透明度，高度 寬度 slidedown 時間 只改變元素的高度 slideup 時間 只改變元素的高...