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")
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"]")
通过属性名称获取属性值进行输出;
0.0.
removeAttr()
移除属性。
-
id
-
id选择器
-
class
-
类选择器
添加类选择器
addClass()
:<script> //添加类,可以添加多个 $(selector).addClass(class1 class2); </script>
删除类选择器
<script> //可以删除多个类 $(selector).removeClass(class1 class2) </script>
增删/切换类选择器
这里是引用
<script> //可以切换 $(selector).toggleClass(class1 class2) </script>
//直接设置单个css
$(‘#id’).css(‘background’,‘red’);
//设置多个css
$(‘#id’).css({
‘backgroundColor’:‘red’,
‘fontSize’:‘12px’
})