zoukankan      html  css  js  c++  java
  • jquery1.9学习笔记 之选择器(基本元素一)

    所有选择器("*")

     

    描述:选择所有元素

     

    注意:大多数情况下,这个选择器极其的慢,尤其是在作用于自身时。

     

    例子:

    查找文档中的每个元素。然后追加一个<script><link>元素到DOM里,

    这个元素会被认为是可行的。

     

    <!doctype html>

    <html lang="zh">

    <head>

    <meta charset="utf-8">

    <title>all demo</title>

    <style type="text/css">

    h3{

    margin:0;

    }

    div,span,p{

    80px;

    height:40px;

    float:left;

    padding:10px;

    margin:10px;

    background-color: #EEEEEE;

    }

    </style>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

    </head>

    <body>

    <div>9999</div>

    <span>SPAN</span>

    <p>P<button>Button</button></p>

    <script>

    var elementCount = $("*").css("border", "3px solid red" ).length;

    $( "body" ).prepend("<h3>" + elementCount + " elements found</h3>" );

    </script>

    </body>

    </html>

     

     

    例子:查找document.body中的所有元素,但不包括head,script,etc 标签。

    <!doctype html>

    <html lang="zh">

    <head>

    <meta charset="utf-8">

    <title>all demo</title>

    <style type="text/css">

    h3{

    margin:0;

    }

    div,span,p{

    80px;

    height: 40px;

    float:left;

    padding: 10px;

    margin: 10px;

    background-color: #EEEEEE;

    }

    #test{

     auto;

    height: auto;

    background-color: transparent;

    }

    </style>

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    </head>

    <body>

    <div id='test'>

    <div>DIV</div>

    <span>SPAN</span>

    <p>P<button>Button</button></p>

    </div>

    <script>

    var elementCount = $("#test").find("*").css("border", "3px solid red").length;

    $("body").prepend("<h3>"+ elementCount +" elements found</h3>");

    </script>

    </body>

    </html>

     

     

     

  • 相关阅读:
    [C++]仿java.lang.String的字符串工具类[原]
    SQL基础1创建表、用户
    Linux中gdb 查看core堆栈信息
    Direct3D9基础工具类[原]
    eclipse3.4启动错误
    ndk连接第三方库
    数据库基本概念
    MySQL常见命令
    MySQL启动和停止
    MySQL配置文件
  • 原文地址:https://www.cnblogs.com/semcoding/p/3282215.html
Copyright © 2011-2022 走看看