zoukankan      html  css  js  c++  java
  • jQuery选择器[一]

    jQuery是一个优秀的JS库,是目流最流行的JS开发库,具有简单化js操作,方法函数式开发,快速便捷。

    根据id、clss、自定义属性等都 可以获取元素

    jQuery所有的操作都是在$()中完成。$()是等文档加载完毕后执行里面的代码,$(function(){})==$(document).ready(function(){})

    根据ID选择器获取元素

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    
            $(funcction(){
               
                  $('#div1').css('background','green');//$('.div1')是class选择器获取元素,css('属性','属性值');css()方法是jquery设置css样式的。
            })
    
    </script>
    <div id="div1"></div>    

    根据class选择器获取元素

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    
            $(funcction(){
               
                  $('.div1').css('background','green');//$('#div1')获取元素,css('属性','属性值');css()方法是jquery设置css样式的。
            })
    
    </script>
    <div class="div1"></div>  

    根据filter(筛选选择器)获取元素

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    
            $(funcction(){
               
                  $('div').filter('.div1').css('background','green');//筛选div元素中有class类选择器div1的元素,并且将其背景颜色设置为绿色。
            })
    
    </script>
    <div class="div1"></div> 
    <div ></div>  
    <div class="div1"></div>  

    其他选择器一览图(来自http://www.w3cschool.cc/jquery/jquery-selectors.html):

  • 相关阅读:
    mysql 按天创建分区存储过程
    Logstash下载安装使用并日志写入Mysql数据库
    开源BI分析工具Metabase配置与完全使用手册
    MySQL安装之yum安装
    IDEA创建SpringBoot
    JDK环境变量配置
    MySQL存储过程
    定时执行任务
    fastjson的使用——JSON字符串、JSON对象、Java对象的互转
    SQL反模式读书笔记思维导图
  • 原文地址:https://www.cnblogs.com/hellome/p/3798325.html
Copyright © 2011-2022 走看看