JQuery基础使用
参考书籍下载(锋利的jQuery):
链接:https://pan.baidu.com/s/1IhR6-CiLwfSiFIwBBgM6Fg
提取码:7b3h
1.介绍
jquery其实是一个js的第三方库,为了方便程序编写
使用文档:
链接:https://pan.baidu.com/s/1EqsIcL5WwNVUXhC_7RwMiw
提取码:ckzo
2.使用
1.引用
jquery下载地址:
链接:https://pan.baidu.com/s/19v4-YVGUF0KLlz_WTOOpkA
提取码:51qq
引用格式:
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
script标签内部不能写入其他的执行代码,需要另写一个script标签包裹需要执行的代码
2.测试是否引入成功
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
alert("成功")
</script>
通常为了在html中任何地方写入都可以正常执行,(即窗体加载完成后执行jquery)
$(function(){
jquery代码
});
3.对象的获取
$("选择器")
例如选择id为p1的标签$("#p1")
这里获得的是jquery对象,而非js对象,不能直接调用js对象的方法和属性
典型的例如在一个标签内写入文本:
- js中用的是
innerText("文本内容)
- jquery中用的是text(“文本内容”)
4.jquery对象与DOM对象的转换
通常为了区分jquery对象表示格式为$+对象名
js对象 直接写对象名
- 将dom对象转换成jquery对象
var $ p1 = $(".p1")
- 将jquery对象转换成DOM对象
var p1 = $p1[0]
5.jquery事件绑定与js事件绑定的区别:
- js事件只能绑定一次,默认执行最后的事件绑定
- jquery事件能绑定多次,并且可以都执行