了解簡單的JQ

2021-10-20 20:04:27 字數 1409 閱讀 7240

最近接觸了乙個有點歷史的專案jq

挺煩的   不過呢  也學到點jq簡單的語法

記錄一下學習到的語法

jq操作dom

$(selector).action()

1.$(this).hide()-隱藏當前元素

2.$("p").hide()-隱藏所有段落

3.$(".test").hide()-隱藏所有class="test"的所有元素

4.$("#test").hide()-隱藏所有id="test"的所有元素

在文件載入後啟用函式:為了防止文件在完全載入(就緒)之前執行 jquery **

$(document).ready(function(){})
jq元素選擇器 

jq屬性選擇器

語法描述

$(this)

當前html元素

$("p")

所有p元素

$("p.into")

所有class="into"的p元素

$("#into")

所有id="into"的元素

$("ul li:first")

每個

$(document).ready(function())

$("#btn2").click(function());

})

jq刪除元素

$(document).ready(function())

})

過濾被刪除的元素、

$("p").remove(".italic")
jq操作css

向上遍歷dom樹

// 父元素

div (曾祖父)

div (祖父)

p (直接父)

span

$(document).ready(function());

});body (曾曾祖父)

div (曾祖父)

$(document).ready(function());

});body (曾曾祖父)

div (曾祖父)

$(document).ready(function());

});

jq後代:子,孫,曾孫

div (current element) 

p (子)

span (孫)

p (child)

span (孫)

$(document).ready(function());

});

jq同胞

dom樹中水平遍歷

jq遍歷-過濾

jq ajax`

jq簡單總結

第一種 function 第二種 document ready function 第三種 jquery function 需要注意的是 js和jq的入口函式不同點 1 js的入口函式只能有乙個,如果寫了多個只執行最後乙個 2 jq的入口函式可以寫多個,並且順序執行 dom轉jq ele jq轉dom...

XML的簡單了解

因為最近計畫學一下爬蟲中用xpath解析資料,所以專門來簡單理解一下xml,僅是簡單概念 xml extensible markup language 經常作為介面語言使用 xml和html同為標籤語言,都是基於文字編輯和修改,都可以通過dom 變成方式來訪問,也都可以通過css來改變外觀。但是仍有...

事務的簡單了解

事務就是資料庫在進行sql的執行的過程,可以是乙個也可以是多個sql。就是一組sql指令,要麼全部執行成功,若因為某個原因其中一條指令執行有錯誤,則撤銷先前執行過的所有指令。更簡答的說就是 要麼全部執行成功,要麼撤銷不執行。事務的原子性 表示事務執行過程中的任何失敗都將導致事務所做的任何修改失效。事...