JQuery基础使用

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事件能绑定多次，并且可以都执行