jQuery学习

jQuery 是一个JavaScript库。简化了JavaScript的编程时间，可以通过多种方法在网页中添加 jQuery，jQuery由两种版本，一种带min后缀的，用于实际的网站当中，已被精简和压缩，另一种不带min后缀，用于测试和开发，没有经过压缩，其代码是可读的。

 

可以通过多种方式在网页中添加jQuery：

通过script标签引入下载好的jQuery文件

<script src ="Js/jquery-3.5.1.min.js" type="text/javascript">
</script>

如果不希望下载并存放jQuery，可以在网上载入jQuery，比如在百度上载入jQuery：

<script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"  type="text/javascript">
</script>

jQuery的选择器基于元素的id、类、类型、属性、属性值等来查找或选择HTML元素，它包括已经存在的css选择器，除此之外，它还有自己自定义的选择器。

选取第一个p元素

$("p:first")

选取带有href属性的元素

$("[href]")

选取偶数/奇数位置的tr元素

$("tr:even")/$(“tr:odd”)

等等

jQuery可以通过选取HTML元素，并对它们执行操作

基础语法：

$(selector).action();

//美元符号定义 jQuery

//选择符（selector）"查询"和"查找" HTML 元素

//jQuery 的 action() 执行对元素的操作

为防止文档在完全加载之前运行jQuery代码将所有jQuery函数放置在一个$(document).ready(function (){});函数中。$(document).ready(function (){})的简略写法：$(function(){});

 

页面对发生改变页面的各种响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。jQuery常见的响应事件的类型大致分为四类，鼠标事件/键盘事件/表单事件/窗口(文档)事件。

jQuery事件方法的语法：

指定页面中id为selectors元素的点击事件

$("selectors").click(function(){
    $(this).hide();
});

双击p元素时，该元素隐藏

$("p").dblclick(function(){

    $(this).hide();

});

文档加载完成后页面提示“jQuery还挺好用的哟！”

$(document).ready(function (){

  alert(“jQuery还挺好用的哟！”)

});