jQuery基础:初识jQuery

jQuery设计的宗旨是“Write Less,Do More”

jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能,它可以用最少的代码完成更多复杂而困难的功能,从而得到了开发者的青睐。

jQuery的核心特性:高效灵活的CSS选择器,可以对CSS选择器进行扩展;独特的链式语法和短小清晰的多功能接口;便捷的插件扩展机制和丰富的插件。

在网页中添加 jQuery

jQuery下载地址https://jquery.com/download/

有两个版本的 jQuery 可供下载:

  1. Production version - 用于实际的网站中,已被精简和压缩。
  2. 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>
发布了137 篇原创文章 · 获赞 26 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_40119412/article/details/104293789