zoukankan      html  css  js  c++  java
  • 02_Jquery_02_元素选择器

    【简述】

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

    $("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>

    【运行结果】

  • 相关阅读:
    java-connect-mysql
    搜索框提示列表问题
    方法中的函数会掩盖this,解决办法!
    关于W3C盒子布局
    将类数组转化成数组
    js获取元素宽高
    使用gulp添加版本号
    flex布局
    排序-冒泡排序
    js事件、自定义dom事件、自定义事件
  • 原文地址:https://www.cnblogs.com/HigginCui/p/5764772.html
Copyright © 2011-2022 走看看