jQuery快速入門

2021-09-01 19:26:09 字數 1435 閱讀 7128

1,看一眼

$(this) 當前 html 元素

$("p") 所有 元素

$("p.intro") 所有 class="intro" 的 元素

$(".intro") 所有 class="intro" 的元素

$("#intro") id="intro" 的元素

$("ul li:first") 每個 的第乙個 元素

$("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的屬性值的 href 屬性

$("div#intro .head") id="intro" 的 元素中的所有 class="head" 的元素

獲得只有name的隱藏input的值

$("input[type=hidden][name=隱藏input的名稱]").val()  或  $("input[name=隱藏input的名稱]:hidden").val()

radio設值

$("input[type=radio][value=值]").attr("checked",true);

eg.$("input[type=radio][value=$]").attr("checked",true); 

盡量使用瀏覽器的原生查詢函式.find()方法。比如:

$('#somediv p.someclass').hide();

$('#somediv').find('p.someclass').hide();

上面兩行**執行的結果是完全一樣的,但是下面一句的效率要比上面一句的執行效率高

$("a b") 查詢a元素下面的所有子節點,包括非直接子節點

$("a>b") 查詢a元素下面的直接子節點

$("a+b") 查詢a元素後面的兄弟節點,包括非直接子節點

$("a~b") 查詢a元素後面的兄弟節點,不包括非直接子節點

2,jquery幾個符號的解釋

(1)$。在jquery 中$(""),這個語法等同於$(document.createelement("span")) ,這是一種用法;

在選擇元素的時候還會這樣子的用:[attribute$=value],匹配給定的屬性是以某些值結尾的元素。下面舉個例子來說明一下:

html**:

jquery **:

$("input[name$='letter']")

結果:[ , ]

(2)!。選擇器:[attribute!=value],匹配所有不含有指定的屬性,或者屬性不等於特定值的元素,此選擇器等價於:not([attr=value])。

(3)*。選擇器:[attribute*=value],匹配給定的屬性是以包含某些值的元素。

(4)^。選擇器:[attribute^=value],匹配給定的屬性是以某些值開始的元素。

(5):。$(":text")  選擇所有的text input元素

詳細請參考:[url=

jquery基礎入門

1.選擇某個元素 按元素id id 如果id類似這種company.name,則是 company name 按元素css的class cssclass 如 則是 separator 2.元素的顯示與隱藏 obj show obj hide 另外就是 hid toggle 0 表示所有css的cla...

jQuery入門知識

核心函式的4個作用 根據傳給核心函式引數不同一共有以下四個作用重點 1.傳入引數為 函式 時 在文件載入完成後執行這個函式 window.onload function 2.傳入引數為 html字串 時 根據這個字串建立元素節點物件 3.傳入引數為 選擇器字串 時 根據這個字串查詢元素節點物件 重要...

JQuery語法入門

jquery語法 基礎語法 selector action 符號定義jquery本身。selector選擇符,查詢html元素。action動作執行對元素的操作。this hide jquery的hide 函式,隱藏當前的html元素。main hide jquery的hide 函式,隱藏id ma...