jQuery標籤操作

//新增指定的css類名

$('元素選擇器')addclass('類名');
//移除指定的css類名
removeclass();
//判斷樣式存不存在
hasclass();
////切換css類名,有則刪除,無則增加
toggleclass();

示例:

doctype html
>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
.c1.c2
style
>
head
>
<
body
>
<
div 
class
="c1"
>
div>
<
script 
src="jquery.js"
>
script
>
<
script
>
//新增指定css類名(指定css類名替換元素選擇器指定的標籤內容)$('
.c1'
).addclass('c2
');//移除指定css類名$('
.c1'
).removeclass('c2
');//判斷指定css類名是否存在$('
.c1'
).hasclass('c2
');//檢視指定css類名是否存在,有則刪除,無則新增$('
.c1'
).toggleclass('c2
');script
>
body
>
html
>

原生js**:

標籤.style.屬性 = '值';
jquery**:
單個css樣式
$('元素選擇器').css('屬性','值');
設定多個css樣式
$('元素選擇器').css()

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
div 
class
="c1"
>
div>
<
script 
src="jquery.js"
>
script
>
<
script
>
//設定單個css樣式類$('
.c1'
).css(
'color',
'red');
//設定多個css樣式類$('
.c1'
).css();
script
>
body
>
html
>

jQuery標籤操作

標籤找到就可以進行對應的操作了 addclass cls 新增類 removeclass cls 移除類 attr attr value 有value表示設定，沒有則獲取 removeattr attr 移除指定屬性 hasclass cls 判斷是否包含類 toggleclass cls 有則移除...

jQuery操作標籤屬性

標籤屬性 標準屬性 標籤本身就支援的屬性或定義好的屬性 class,id,name,value div.getattribute class div.setattribute 屬性名 值 自定義屬性 以 data 開始的自定義屬性 div.dataset.myage div.dataset.mywe...

jquery對標籤屬性操作

在jquery裡我們可以通過.attr 的方法來實現對html標籤屬性 tag attribute 處理。1.獲取標籤屬性的值 演示 點選獲取本段落的id 檢視id 使用下面的jquery 來獲取id和href document ready function ul li a click functi...