码迷,mamicode.com
首页 > Web开发 > 详细

jQuery常用方法

时间:2016-12-11 23:21:04      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:query   包括   name   常用   jquery   设置   blog   鼠标   div   

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常用方法

标签:query   包括   name   常用   jquery   设置   blog   鼠标   div   

原文地址:http://www.cnblogs.com/koushr/p/5954686.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!