【JQ _DOM】DOM

JQuery HTML DOM

text()

object.text():getter

object.text(“your text you want to enter！！”)：setter

html()

object.html():getter

object.html(“your text and element you want to enter or set！！”)：setter

val()-获取指定表单的value属性值

object.val():getter

object.val(“want to enter”)：setter

attr()-attribute

get the attrihute value of one element

获取属性的属性值

获取

setter

object.attr(“name”,“value”)

$("img").attr("src","/img/test.jpg")
$("href").attr("href","www.baidu.com")
1
2

test

css()

$(“div”).css(“propertyName”)

获取单个属性的属性值

$(“”).css([propertyNames])

[" propertyName" ," propertyName", " propertyName"]

获取多格元素的属性值（批量获取元素多个属性值）

需要注意批量获取元素的多个属性…

css():设置属性值

$(“”).css(“propertyName”,“value”)

单个的进行设置属性值

**

设置多个属性值
$(“”).css({propertyName:“value”,propertyName:“value”,propertyName:“value”…})

**
需要注意批量设置元素的属性值

默认样式

黑色，16号字体

0.0

<script>
	$("").css(["propertyName","propertyName","propertyName","propertyName","propertyName","propertyName"...})



$("").css({propertyName:"value",propertyName:"value",propertyName:"value"...})
script>


```html
alert("css["propertyName"]")

1
2
3
4
5
6
7
8
9
10
11
12

通过属性名称获取属性值进行输出；
0.0.

removeAttr()

移除属性。

• id

• id选择器

• class

• 类选择器

添加类选择器

addClass():

<script>
//添加类,可以添加多个
$(selector).addClass(class1 class2);
script>
1
2
3
4

删除类选择器

<script>
//可以删除多个类
$(selector).removeClass(class1 class2)
script>
1
2
3
4

增删/切换类选择器

这里是引用

<script>
//可以切换
$(selector).toggleClass(class1 class2)
script>
1
2
3
4

//直接设置单个css

$(‘#id’).css(‘background’,‘red’);
//设置多个css
$(‘#id’).css({
‘backgroundColor’:‘red’,
‘fontSize’:‘12px’
})