jQuery选择器和引入和语法

jQuery选择器和引入和语法

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#id

概述

根据给定的ID匹配一个元素。

使用任何的元字符作为名称的文本部分， 它必须被两个反斜杠转义：\\。 参见示例。

参数

idStringV1.0

用于搜索的，通过元素的 id 属性中给定的值

示例

描述:

查找 ID 为"myDiv"的元素。

HTML 代码:

<div id="notMe"><p>id="notMe"</p></div>

<div id="myDiv">id="myDiv"</div>

jQuery 代码:

$("#myDiv");

结果:

[ <div id="myDiv">id="myDiv"</div> ]

描述:

查找含有特殊字符的元素

HTML 代码:

<span id="foo:bar"></span>

<span id="foo[bar]"></span>

<span id="foo.bar"></span>

jQuery 代码:

#foo\\[bar\\]

结果:

[ <span id="foo[bar]"></span>]

<script>

        //原生js获取元素

        console.log(document.getElementById("div1"));

        //jQuery

        // jQuery("#div1")

        console.log($("#div1"));

       

    </script>

jQuery 使用 ：

1. 安装方式 在网页中添加 jQuery，可以使用以下 2 种方法： l 从 jquery.com 下载 jQuery 库 l 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
2.  <!--！！！不要在同一页面中引入多个 JQuery 文件，引入多个可能会出现冲突-->
4.  <!--在网页中添加 jQuery，可以使用以下 2 种方法：-->
5.  <!--1、下载 jQuery 文件，本地引入-->
6.  <script src="jquery-1.12.4/jquery-1.12.4.js"></script>
8.  <!--2、从 CDN 中载入 jQuery-->
9.  <!--百度 CDN-->
10.  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
11.      <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery2.0.2.min.js"></script>

2、开发版本和生产版本 l 生产版本 ­ 用于实际的网站中，已被精简和压缩。文件名称（*.min.js） l 开发版本 ­ 用于测试和开发（未压缩，是可读的代码）文件名称(*.js)

3、jQuery 使用版本 我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用 的版本

jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

         $(selector).action()

         //或者

         jQuery(selector).action()

美元符号定义 jQuery  

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

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