jQuery中的DOM操做 樣式操做

2021-08-21 21:59:37 字數 931 閱讀 8679

利用attr()方法來實現該功能

<1>獲取

var p_class=$("p").attr("class"); //獲取p元素的class
<2>設定

var p_class=$("p").attr("class","high"); //p元素的class為high
利用addclass()方法來實現該功能

$("p").addclass("another");  //為p元素追加"another"類
當元素同時擁有兩個class值時,有如下兩個規定:

<1> 如果給乙個元素新增了多個class值,相當於合併了它們的樣式

<2> 如果不同的class設定了同一樣式屬性,則後者覆蓋前者

.high

.another

追加樣式之後,相當於如下的樣式

font-weight:bold;

font-style:italic; //字型為斜體

color:blue;

使用removeclass()方法實現。

<1>移除單個樣式

$("p").removeclass("high");
<2>移除多個樣式

$("p").removeclass("high another");
<3>刪除所有樣式

$("p").removeclass();
hadclass()可以用來判斷元素中是否含有某個class.若有,則返回true,否則返回false

$("p").hasclass("high"); //判斷是否含有class="high"

jquery的class操作 css樣式操作

切換 123 css樣式操作 jquery中不用考慮相容性,所有的語法都不需要考慮瀏覽器相容性 jquery都會給你處理好 css 屬性 獲取屬性的屬性值 結果有px單位 css 屬性,屬性值 設定屬性的屬性值 獲取 console.log div css color console.log div...

jQuery中的DOM操作

三 jquery中的dom操作 3.2.1 查詢節點 1.查詢元素節點 var li ul li eq 1 獲取裡第2個節點 var li text li.text 獲取第二個元素節點的文字內容 2.查詢屬性節點 var para p 獲取節點 var p text para.attr title ...

jQuery中的DOM操作

jquery中的dom操作 dom分為3個部分,dom core html dom,css dom 1,查詢節點 查詢元素節點可以用 選擇器,find 和children 方法。查詢屬性節點可以用attr 方法,也可以用 的屬性過濾選擇器 eg div tittle 2,建立節點 3,插入節點 3....