总结
jQuery
-
使用jquery前注意先引入外部文件:jquery-2.1.3.js
-
dom和query两个页面加载事件区别:
- dom:只会加载一次,最后一次(οnlοad=function(){})
- ajax:可以加载多次,速度比dom加载快($(funciton(){}))
-
通过jquery获取元素:id:$
- ("#id")
- class:$(".class")
- 标签:$(“标签名”)
- 全部:$("*")
-
jquery和dom之间的转换:
- dom->jquery
$(dom对象) - jquery->dom
jquery对象.get(0)
- dom->jquery
-
jquery中对事件操作的三种方式:
-
jquery对象.事件(click)(function(){})
-
jquery对象.on(“事件”,function(){})
-
jquery对象.bind(“事件”,function(){})
注意:事件后面还可以.事件
-
-
jquery中对事件解绑的两种方式:
-
jquery对象.off(“指定的参数”)
-
jquery对象.unbind(“指定的参数”)
注意:off和unbind指定参数时,是解绑所有的事件
-
-
对文本操作:
- jquery对象.html()可以获取或设置带有标签的元素
- jquery对象.text()可以获取或设置纯文本
-
获取或设置标签中的value值:
jquery对象.val() -
设置css样式:
jquery对象.css(“要设置的样式”,“设置样式”) -
添加class属性
jquery对象.addClass(“类选择器”) -
在jquery里面获取自定义属性有两种:
- attr()
- jquery对象.data(“data-person”)
- 获取的都是字符串
- data()
- 属性名必须是data-xxx
- jquery对象.data(“xxx”)
- 获取的是相应的类型
- attr()
-
设置或获取复选框是否选中
exp:jquery对象.prop(“checked”,true) -
添加:
jquery对象.append(“要添加的html语句”) -
删除:
jquery对象.remove();会连自己都删除
jquery对象.empty();清楚自己的子标签