首页 > 代码库 > jQuery常用方法
jQuery常用方法
1.text():如果不传参数,表示获取jQuery对象对应节点及子节点的文本内容,单纯的文本内容。如果jQuery对象对应的dom不只一个,则得到所有dom的文本内容,直接拼接;如果传参数,则表示设置文本内容为给定值。
2.html():如果不传参数,表示获取jQuery对象对应节点内部的html内容,不仅包括文本内容,还包括标签。即使jQuery对象对应的dom不只一个,也仅得到第一个dom相关的html内容;如果传参数,则表示设置html内容为给定值
3.val():如果不传参数,表示获取jQuery对象value属性值。即使jQuery对象对应的dom不只一个,也仅得到第一个dom的value属性值;如果传参数,则表示设置value属性值为给定值
4.width()、height():如果不传参数,表示获取jQuery对象的宽、高;如果传参数,则表示设置宽度、高度为给定值
5.css():如果传两个参数,表示设置指定css属性为指定值;如果只传一个参数,则是获取css属性
6.attr():如果传两个参数,则是设置属性;如果只传一个参数,则是获取属性
7.addClass():传一个参数,用来设置class属性
8.removeClass():如果不传参数,表示去除所有class属性值;如果传参数,则表示去除指定class属性值;
9.hasClass():传一个参数,判断是否有指定的class属性值,返回一个布尔值
10.toggleClass():传一个参数,如果调用者有这个指定的classs属性值,则去掉,否则,加上
11.wrap():传一个参数,用给定的html内容包裹调用者dom。相似的方法有wrapAll()、wrapInner(),用处较少,用的时候再去看细节差异。
普通事件相关方法:
1.click(),传入一个函数,单击时触发
2.mouseover():传入一个函数,鼠标移上去时触发
3.mouseout():传入一个函数,鼠标移开时触发
4.hover():传入两个函数,鼠标放上去时调用第一个函数,鼠标移开时调用第二个函数,效果同上面两个方法加起来
5.focus():传入一个函数,获得焦点时触发
6.blur():传入一个函数,失去焦点时触发
绑定事件相关方法:
1.bind():传两个参数,第一个参数是事件类型字符串,如"click"、"mouseover"、"mouseout"、"hover"、"focus"、"blur",第二个参数是一个函数,当触发绑定的事件时调用此函数
2.unbind():如果不传参数,表示解绑所有类型的事件;如果传一个参数,则表示解绑指定类型的事件
键盘相关事件方法:
keydown():按下键时触发,传入一个函数,函数的参数是event,按下不同的键,event的keyCode属性值不一样,回车对应的keyCode值为13。示例:
$("username").keydown(function(event) { var keyCode = event.keyCode; if(keyCode == 13) { //回车事件 } });
keyup():松开按键时触发,用法同keydown()一样
keypress():效果等同于上面两个方法合起来,用法同keydown()一样
jQuery常用方法