【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")

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"]")

通过属性名称获取属性值进行输出；
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’
})

【JQ _DOM】DOM相关推荐

【实用总结】DOM节点className操作
经常用到的小工具函数,每次用到都重写一遍,有点浪费体力,于是决定分阶段整理下,需要用到的时候就直接拷过来用了- 对于dom节点的className,常用操作不外乎增.删.查(改可以用增+删事先),由于 ...
页面加载完毕_【前端面试】dom 的解析，加载，渲染
本文会把 dom 的解析,加载,渲染结合 window.performance 一起讲. dom 的解析解析:HTMl 解析器把 HTML 构建成 HTML 树形数据结构,也就是 DOM 树. 注意 ...
【Java规划】DOM XML Parser分解、遍历、创XML
1.前言 DOM XML Parser简介 DOM 它是 W3C 处理 XML 规范 API,这是很多其他的 XML 地基处理相关标准,不仅是 Java,其他的,如 Javascript,PHP.MS ...
【前端基础】DOM对象
DOM概览全称是Document Object Model,是浏览器创建的节点/元素树结构.通过JavaScript可以对DOM进行读.写.操纵.这是一种面向对象的表达方式. DOM节点分类文档节 ...
【Vue——basic】dom是什么
个人总结:dom是用来编程操作html中的元素的一:什么是dom dom是一种文档对象模型,同时也是用于html编程的接口,通过dom来操作页面中的元素.当html页面被实现加载的时候,浏览器会创建 ...
element怎么设置复选框属性_【JavaScript 教程】DOM——属性的操作
作者 | 阮一峰 HTML 元素包括标签名和若干个键值对,这个键值对就称为"属性"(attribute). <a id="test" href=" ...
【jq插件】Grade-打分效果
一个打分效果: $("#numberBox").grade({addNum:5,speed:300,fontStyle:{ "width":"100p ...
【JQ组件】prettyPhoto使用介绍
一 .prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频.flash.YouTube.iframe和aj ...
【Java编程】写入、读取、遍历Properties文件
在Java开发中通常我们会存储配置参数信息到属性文件,这样的属性文件可以是拥有键值对的属性文件,也可以是XML文件,关于XML文件的操作,请参考博文[Java编程]DOM XML Parser 解析. ...

【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”)

css()

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

获取单个属性的属性值

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

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

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

css():设置属性值

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

默认样式

0.0

removeAttr()

添加类选择器

删除类选择器

增删/切换类选择器

//直接设置单个css

【JQ _DOM】DOM相关推荐

最新文章

热门文章