首页 > 代码库 > 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常用方法