02_Jquery_02_元素选择器

最新推荐文章于 2024-10-07 09:24:46 发布

Claire_ljy

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量107

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/HigginCui/p/5764772.html

版权

【简述】

元素选择器就是通过元素名来查询元素

$("elementName")这里就可以通过元素名来获取jquery元素了。

但与id选择器不同的是，名称相同的元素有很多，所以获取到的jquery对象中包含了很多DOM元素。

【index.jsp】

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Jquery Test</title>
    <!-- 导入Jquery文件 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js"></script>
    <script type="text/javascript">
        //这里的内容会在文档加载完毕时执行 
        $(function(){
            //元素选择器，查找所有的div元素，它返回的是一个jquery对象，但jquery对象中包含多个dom 
            var ele=$("div");    
            alert(ele.length);
        });
    </script>
  </head>
  
  <body>
    This is my JSP page. <br>
    
    <div id="id001"><p>aaaaaa</p></div>
    <div id="id002">bbbbbb</div>
    
  </body>
</html>