《鋒利的jQuery》 jQuery基本選擇器

2021-08-15 22:56:58 字數 1978 閱讀 3505

jquery選擇器分為基本選擇器、層次選擇器、過濾選擇器和表單選擇器。

新建乙個擁有多個div的html文件,**:

id為one,class為one的div

class為mini

id為two,class為one,title為test的div.

class為mini,title為other

class為mini,title為test

class為mini

class為mini

class為mini

class為mini

class為mini

class為mini

class為mini.title為tesst

style的display為"none"的div

class為"hide"的div

包含input的type為"hidden"的div

正在執行動畫的span元素.

css**:
div,span,p

div.mini

div.hide

效果圖:    

基本選擇器

選擇器描述

返回示例

#id根據id選擇元素

單個元素

$("#test")

.class

根據類名選擇元素

集合元素

$(".test")

element

根據元素名選擇元素

集合元素

$("p")

*通配所有元素

集合元素

$("*")

selector1,selector2,....,selectorn

一次選擇多個元素

集合元素

$("div,span,p.myclass")

選取所有,,類名為myclass的

演示:#id:

///改變id為one的元素背景色

//改變class為mini的所有元素的背景色

元素名:

//改變元素名為的所有元素的背景色

通配*:

//改變所有元素的背景色

組合選擇:

//改變所有和id為two的元素背景色

jQuery jQuery 效果 動畫

jquery animate 方法允許您建立自定義的動畫。jquery 動畫例項 jquery jquery animate 方法用於建立自定義動畫。語法 selector animate speed,callback 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數...

JQuery JQuery 中的CSS 方法

jquery css 方法 jquery css 方法 css 方法設定或返回被選元素的乙個或多個樣式屬性。1 返回 css 屬性 如需返回指定的 css 屬性的值,請使用如下語法 css propertyname 下面的例子將返回首個匹配元素的 background color 值 例項 p cs...

jquery jquery基礎知識

總體介紹 jquery是乙個js的類庫,為了減少 量實現更多的功能 2 分清dom物件和jquery物件。使用jquery庫自帶方法獲取頁面dom元素的物件叫jquery物件,儲存jquery物件的變數常用 開頭。jquery物件的方法dom物件無法使用,dom物件的方法jquery物件無法使用。3...