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

    类选择器(".class")

     描述: 选择所有与给出类匹配的元素

           对于类选择器来说,jquery使用的是javascript原生的方法getElementByClassName()

    例子:

    <!doctype html>

    <html lang='zh'>

      <head>

          <meta charset="utf-8">

          <title>class demo</title>

          <style type="text/css">

              div, span{

                 120px;

                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 class="notMe">div class="notMe"</div>

          <div class="myClass">div class="myClass"</div>

          <span class="myClass">span class="myClass"</span>

          <script>

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

          </script>

      </body>

    </html>

     

     

    例子:查找同时含有myclass 和 otherclass 类的元素。

    <!doctype html>

    <html lang="zh">

      <head>

        <meta charset='utf-8'>

        <title>class demo</title>

        <style type="text/css">

          div,span{

            120px;

            height:40px;

            padding:10px;

            margin:10px;

            background-color:#EEEEEE;

            float: left;

          }

        </style>

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

      </head>

      <body>

          <div class="myclass">div class='myclass'</div>

          <div class="myclass otherclass">div class="myclass otherclass"</div>

          <span class="myclass otherclass">span class="myclass otherclass"</span>

          <script type="text/javascript">

            $(".myclass.otherclass").css("border", "13px solid red");

          </script>

      </body>

    </html>

     

  • 相关阅读:
    vb dll com 组件发布web servcies
    修改表字段
    实体类集合安某个字段排序
    jquery 页面追加换行等等操作备份
    表锁死 杀死线程
    jeecg 自定义loading框(导入时加载备份)
    UBoot200903移植笔记(第二阶段:时钟!)
    UBoot200903移植笔记(点亮第一展灯)
    UBoot200903移植笔记(从Nandflash启动一)
    UBoot200903移植笔记(从Nandflash启动二)
  • 原文地址:https://www.cnblogs.com/semcoding/p/3287352.html
Copyright © 2011-2022 走看看