我和jQuery有个约会！

最新推荐文章于 2018-10-24 14:41:38 发布

深巷里的猫

最新推荐文章于 2018-10-24 14:41:38 发布

阅读量200

点赞数 1

文章标签： jQuery入门 jQuery选择器 jQuery事件绑定

本文链接：https://blog.csdn.net/lemonj09/article/details/80328604

版权

hello，lemonj初入江湖，请多指教！

jQuery是一个代码量少但做的多的轻量级JavaScript库.

一：引入jQuery库（ 如果没有jQuery库的可以从 jquery.com 下载 jQuery 库）

<head>  
    <meta charset="UTF-8">  
    <title></title>  
    <script type="text/javascript" src="css/jquery-3.3.1.min.js"></script>  
</head>

二：jQuery的基本语法

      1>美元符号定义 jQuery  
      2>选择符（selector）“查询”和“查找” HTML 元素  
      3>jQuery 的 action() 执行对元素的操作

三：jQuery的基本选择器

在HTML DOM术语中，选择器允许你对DOM元素组或单个DOM节点进行操作，接下来我们一起来看看jQuery有哪些基本选择器(当然，jQuery共有九大选择器，我就不一一eg，毕竟我才初入江湖，大家可以随意补充)

     1、#id     
     用法: $("#name");    返回值  单个元素的组成的集合
     说明: 这个就是直接选择html中的id="name"

     2、Element 
     用法: $("div")     返回值  集合元素
     说明: element的英译过来是”元素”,element就是html已经定义的标签元素,例如:div, 
     input, a等等.

     3、class          
     用法: $(".name")     返回值  集合元素
     说明: 这个标签是直接选择html代码中class="myClass"的元素或元素组(因为在同一html页面中
     class是可以存在多个同样值的)

     4、*          
     用法: $("*")      返回值  集合元素
     说明: 匹配所有元素,多用于结合上下文来搜索

     5、selector1, selector2, selectorN      
     用法: $("div,span,p.class")    返回值  集合元素
     说明: 将每一个选择器匹配到的元素合并后一起返回.你可以指定任意多个选择器, 并将匹配到的元素合
     并到一个结果内。

四：jQuery的事件绑定

jQuery目前有on(),bind(),delegate(),live()四种绑定方式，但是随着版本的不断更新，有的方式也相应的被淘汰掉

1>:on() 为指定的元素,添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 on() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

2>:bind()向匹配元素添加一个或多个事件处理器。

3>:delegate() 为指定的元素（被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

4>:live() 向当前或未来的匹配元素添加一个或多个事件处理器；

今天就写到这里吧，可能也有大佬写了关于jQuery的博客，如有雷同多多谅解，蟹蟹！

深巷里的猫

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我和jQuery有个约会！

hello，lemonj初入江湖，请多指教！jQuery是一个代码量少但做的多的轻量级JavaScript库.一：引入jQuery库（如果没有jQuery库的可以从 jquery.com 下载 jQuery 库）&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;sc...
复制链接

扫一扫