jQuery第四章DOM

1:获取值的方法

	html()
	text()
	val()  既可以获取input里面的值/也可以设置值
	** 如果是下拉菜单 、单选、多选的情况下  val([''])方法  还可以将他们设置成默认选中
	**prop('checked',true)  专属input默认选中方法

2:操作属性的方法

attr()  获取/设置元素属性的方法
**  attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({'k1':'v1','k2':'v2','k3':'v3'})
removeAttr() 移除属性方法

addClass() 	只能向元素添加class值
removeClass()	删除属性方法

toggleClass() 添加样式切换方法  (方法中不加 .)

hasClass()/is()	检查元素是否包含指定的类  (方法中不加 .)

3:遍历方法 :
each() 元素的遍历方法
$().each() 用来操做dom
$.each(arr,function(下标,内容){}) 比如遍历数组
4:节点内部插入

var box=$('<div id="box">你好</div>')	创建一个标签
	append()								插入一个标签
	appendTo()								插入到标签里面的后面
	prepend('插入一对标签')					插入到标签里面的前面
	prependTo()								插入到标签里面的后面

5:节点外部插入

	after()		向指定元素后插入一个同级标签
	before()	向指定元素前插入一个同级标签
	insertAfter()将指定元素移入指定元素后面
	insertBefore()将指定元素移入指定元素前面

6:包裹节点方法

wrap()		向指定元素包裹一层代码
wrap(element)	向指定标签包裹指定标签
unwrap()		移除指定元素上一层标签
wrapAll()		包裹所有的指定元素上

wrap()和wrapAll()的区别是:
wrap()方法是把指定标签看成独立体分别包裹
wrapAll()方法是把指定标签包裹成一个独立体

7:操作节点方法

clone(true/false)		克隆节点    
		** 如果克隆里面是false  那么他是不会克隆事件行为的,有true的话就会克隆事件行为
remove()				删除节点
detach()				删除节点
empty()					删除内容保留标签
replaceWith()			替换节点
replaceAll()			替换节点(先创建再删除)

8:其他css方法

width()			获取/设置元素的宽度
	height()		获取/设置元素的高度
	innerWidth()	获取元素的宽,包含内边距(padding)
	innerHeight()	获取元素的高,包含内边距(padding)
	outerWidth()	获取元素的宽,包含内边距(padding)+边框(border)
	**outerWidth(true)	获取元素的宽,包含内边距(padding)+边框(border)+外边距(margin)
	outerHeight()	获取元素的高,包含内边距(padding)+边框(border)

9:元素偏移方法

offset()		元素相对可视窗口的偏移位置
position()		元素相对父元素的偏移位置
scrollTop(val)		获取/设置垂直滚动条的值
scrollLeft(val)		获取/设置横滚动条的值
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值