Web10--jQuery进阶

1、DOM操作

1.1 操作内容

方法

描述

text()

获取/设置元素的标签体纯文本内容

html()

获取/设置元素的标签体超文本内容



	
		
		操作内容
		
		
		
	
	
		

Web10--jQuery进阶_第1张图片

1.2 操作属性

方法

描述

对比

val()

获取/设置元素的value属性值

相当于:js对象.value

attr()

获取/设置元素的属性

相当于:js对象.setAttribute() / js对象.getAttribute()

removeAttr()

删除属性



	
		
		操作属性
		
		
	
	
		
姓名
爱好 烫头

Web10--jQuery进阶_第2张图片

1.3 操作样式

方法

描述

css()

获取/设置样式

addClass()

添加class属性值

removeClass()

删除class属性值

toggleClass()

切换class属性,有则删除,没有则添加



	
		
		操作样式
		
		
		
	
	
		
  • 1
  • 2
  • 3
  • 4
  • 5

Web10--jQuery进阶_第3张图片

1.4 操作元素(节点操作)

方法

描述

append()

在父标签中将子标签放在最后一个位置

prepend()

在父标签中将子标签放在第一个位置

appendTo()

例如:A.appendTo(B),将A追加到B元素后

prependTo()

例如:A.prependTo(B),将A添加到B元素前

after()

在该元素后面添加

before()

在改元素前面添加

wrap()

给该元素添加父元素

unwrap()

去掉该元素的父元素

empty()

清空子元素

remove()

删除自己



	
		
		操作元素
		
		
	
	
		
  • 111
  • 222
  • 333
  • 444
  • 555

2、事件绑定

jQuery的事件与js的事件的功能和作用一样,只是在使用语法上稍微有些差异。

2.1 jQ事件绑定语法

jQ对象.事件函数(function(){})



	
		
		jQ事件绑定
		
		
	
	
		 

2.2 常见事件

2.2.1 点击事件

事件

描述

click()

单击事件

dblclick()

双击事件

2.2.2 焦点事件

事件

描述

blur()

失去焦点

focus()

元素获得焦点

2.2.3 鼠标事件

事件

描述

mousedown()

鼠标按钮被按下

mouseup()

鼠标按键被松开

mousemove()

鼠标被移动

mouseover()

鼠标移到某元素之上

mouseout()

鼠标从某元素移开

2.2.4 键盘事件

事件

描述

keydown()

某个键盘按键被按下

keyup()

某个键盘按键被松开

keypress()

某个键盘按键被按下并松开

2.2.5 改变事件

事件

描述

change()

域的内容被改变

2.2.6 表单事件

事件

描述

submit()

提交按钮被点击

2.2.7 事件切换

事件

描述

hover([over,]out)

鼠标移入执行over函数,鼠标移出执行out函数

2.3 注册验证



	
		
		注册验证
		
		
	
	
		
		
账号:
密码:
手机:

你可能感兴趣的:(Web,jquery,前端,javascript)