jQuery设计的宗旨是“Write Less,Do More”
jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能,它可以用最少的代码完成更多复杂而困难的功能,从而得到了开发者的青睐。
jQuery的核心特性:高效灵活的CSS选择器,可以对CSS选择器进行扩展;独特的链式语法和短小清晰的多功能接口;便捷的插件扩展机制和丰富的插件。
在网页中添加 jQuery
jQuery下载地址:https://jquery.com/download/
有两个版本的 jQuery 可供下载:
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
引用本地下载的jQuery方法:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
通过网络引用jQuery:
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
jQuery的工厂函数
工厂函数“$”
选择符都需要从一个“$”
符号和一对“()”开始。
$("#username")
:用于获取文档中ID属性值为username的一个元素。
$(".btn_grey")
:用于获取文档中使用class类名为btn_grey的所有元素。
基本语法
语法格式:$(selector).methodName();
多个jQuery操作可以以链的形式串起来,语法格式:
$(selector).method1().method2().method3();
$('#test').hide().addClass('content');
在jQuery中,使用$
符号进行对象的选择,如选择id名为"box"的对象,写成$("#box"),其含义等同于Javascript中的document.getElementById("box")
。
下面编写代码
<script type="text/javascript">
$(document).ready(function(){
//通过符号$选择document元素对象,然后调用read()方法
alert('我是jQuery方法');
});
</script>