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

    多种元素选择器  jQuery("selector1,selector2,selectorN")

     

    例子:  

    <!doctype html>

    <html lang='zh'>

      <head>

          <meta charset='utf-8'>

          <title>multiple demo</title>

          <style type="text/css">

     

          </style>

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

      </head>

      <body>

          <div>div</div>

          <p class='myClass'>p class='myClass'</p>

          <p class='notMyClass'>p class='notMyClass'</p>

          <span>span</span>

          <script>

            $("div,span,p.myClass").css("border","3px solid red");

          </script>

      </body>

    </html>

     

    例:

    <!doctype html>

    <html lang='zh'>

      <head>

          <meta charset='utf-8'>

          <title>multiple demo</title>

          <style type="text/css">

            b{

              color:red;

              font-size: 16px;

              display: block;

              clear: left;

            }

            div,span,p{

               40px;

              height: 40px;

              float: left;

              margin: 10px;

              background-color: blue;

              padding: 3px;

              color:white;

            }

          </style>

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

      </head>

      <body>

          <span>span</span>

          <p>p</p>

          <p>p</p>

          <div>div</div>

          <span>span</span>

     

          <p>p</p>

          <div>div</div>

          <b></b>

          <script type="text/javascript">

              var list = $("div,p,span").map(function(){

                return this.tagName;

              }).get().join(", ");

              $("b").append(document.createTextNode(list));

          </script>

      </body>

    </html>

  • 相关阅读:
    Revit二次开发示例:DisableCommand
    Revit二次开发示例:DesignOptions
    C# 非模式窗体show()和模式窗体showdialog()的区别
    Revit二次开发示例:DeleteObject
    被动永远做不好运维
    sudo开发常用命令总结
    ansible 配置了端口在host文件但是还要走22 ip:60001 ansible_ssh_port=60001
    ansible wc -l 对结果值取大小的操作
    mha切换脚本可用的
    mongoDB自动杀执行时间的连接
  • 原文地址:https://www.cnblogs.com/semcoding/p/3293514.html
Copyright © 2011-2022 走看看