选择器的优势 完善的检测机制 在传统的 JavaScript代码,给页面中某元素设置事务时必须 先找到该元素,否则,浏览器将提示出错信息,影响后续代 码的执行。因此,为避免出错,先检测元素是否存在,然后 再运行代码,从而导致代码冗余,影响执行效率 在 jQuery选择器定位页面元素时,无需考虑所定位的元素在 页面中是否存在,即使该元素不存在,浏览器也不提示出错 信息,极大地方便了代码的执行效率
选择器的优势 完善的检测机制 在传统的JavaScript代码，给页面中某元素设置事务时必须 先找到该元素，否则，浏览器将提示出错信息，影响后续代 码的执行。因此，为避免出错，先检测元素是否存在，然后 再运行代码，从而导致代码冗余，影响执行效率。 在jQuery选择器定位页面元素时，无需考虑所定位的元素在 页面中是否存在，即使该元素不存在，浏览器也不提示出错 信息，极大地方便了代码的执行效率
选择器详述 基本选择器 基本选择器 基本选择器是 jQuery中使用最频繁的选择器,它由元素id、 class.、元素名、多个选择符组成,通过基本选择器可以实现 大多数页面元素的查找,其具体使用说明如下表15-01所示: 表1501基本选择器语法 选择器 返呵值 根据提供的属性值匹配一个元素 单个元素 element 根据提供的元素名匹配所有的元素 元素集合 class 根据提供的类名称匹配所有的元素 元素集合 匹配所有元素 元素集合 selector, selector将每一个选择器匹怕元素合并后一起返回 元素集合
选择器详述 基本选择器 基本选择器 基本选择器是jQuery中使用最频繁的选择器，它由元素id、 class、元素名、多个选择符组成，通过基本选择器可以实现 大多数页面元素的查找，其具体使用说明如下表15-01所示：
选择器详述 基本选择器 id ID选择器是“#id”,顾名思义就是利用DOM元素的id属性值 来匹配的元素,并以 jQuery包裝集的形式返回给对象。 ID选择器的使用方法 C"#id"); 其中id为要查元素的id属性值。例如,要查询id属性值为 username的元素,可以使用下面的 jQuery代码: $(“# username
选择器详述 基本选择器 id ID选择器是“#id”，顾名思义就是利用DOM元素的id属性值 来匹配的元素，并以jQuery包装集的形式返回给对象。 ID选择器的使用方法： 其中id为要查元素的id属性值。例如，要查询id属性值为 username的元素，可以使用下面的jQuery代码： $(“#username”) $("#id");
选择器详述 基本选择器 实例1:<html> <bod <head> <input type="text"id="test"name="test"value=/> nput type="buon"vaue="查看输入的值"/> <tite>ID选择器</ title> </bod <meta charset="UTF-8"> </html> <script src=jQuery/jquery-32 1. js"type="text/javascript"></script> <script> S(function S(input[type='button']").click(functionOf var inputValue=$(#test"). valo alert(inputValue) ); </script> </head>
选择器详述 基本选择器 实例1：<html> <head> <title>ID选择器</title> <meta charset="UTF-8"> <script src="jQuery/jquery-3.2.1.js" type="text/javascript"></script> <script> $(function(){ $("input[type='button']").click(function(){ var inputValue=$("#test").val(); alert(inputValue); }); }); </script> </head> <body> <input type="text" id="test" name="test" value=""/> <input type="button" value="查看输入的值"/> </body> </html>
选择器详述 基本选择器 元素选择器 元素选择器是根据元素名称匹配相应的元素。 ID选择器的使用方法: sCelement")」 其中 element为要查询元素的标记名。例如,要查询全部的 div元素,可以使用下面的 jQuery代码: $(“div”)
选择器详述 基本选择器 元素选择器 元素选择器是根据元素名称匹配相应的元素。 ID选择器的使用方法： 其中element为要查询元素的标记名。例如，要查询全部的 div元素，可以使用下面的jQuery代码： $(“div”) $("element");