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...