jQuery常用方法

Posted 2020-08-22 koushr

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()一样