zoukankan      html  css  js  c++  java
  • jquery学习之1-选择器

     1 <%@ page language="java" import="java.util.*"
     2  pageEncoding="utf-8"%>
     3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     4 <html>
     5   <head>
     6     <title>11</title>    
     7   <script type="text/javascript" src="js/jquery-1.11.0.js">
     8   </script>
     9   <script language="javascript">
    10    $(document).ready(function()
    11   {
    12       alert("欢迎来到baseselector页面");
    13       
    14       //***********************改变id为button1的背景颜色********
    15      $("#bt1").click(
    16      function()
    17      {    
    18       $("#div1").css("background","green");     
    19      }
    20      );
    21       
    22       $(".bt2").click(
    23      function()
    24      {
    25       $(".div2").css("background","pink");     
    26      }
    27      );
    28       $("#bt3").click(function()
    29       {
    30           $("div").css("background","grey");
    31       });
    32       
    33   });
    34   
    35   //****************************************************** 
    36   </script>
    37   </head> 
    38   <body>
    39     <input type="button"  id="bt1" value="改变div1背景颜色为绿色" ></input>
    40     <input type="button" class="bt2" value="改变div2背景色为粉色" ></input>
    41     <input type="button"  id="bt3" value="改变所有div背景颜色为黑色" ></input>
    42     
    43     <div id="div1" style="background:grey;border:1px solid;20%;height:30%;float:left">div1</div> 
    44      <div class="div2"  style="background:white;border:1px solid;20%;height:30%;float:left"><p>p1第一段</p>p2第二段<p></p></div>
    45      <br>
    46   </body>
    47 </html>

    jquery选择器的使用下例子,其他可以参考chm学习,需要注意的地方,每个选择器的click事件功能代码需要放在ready的function中

  • 相关阅读:
    brew一直卡在Updating Homebrew的解决办法
    ELK5.6.4+Redis+Filebeat+Nginx(CentOS7.4)
    CentOS7.3 ffmpeg安装
    nginx Dockerfile
    pip安装第三方包超时
    logrotate nginx日志切割
    Ansible部署zabbix-agent
    Zabbix主动模式和被动模式
    Zabbix添加监控主机
    Zabbix3.2安装
  • 原文地址:https://www.cnblogs.com/luckyflower/p/3616743.html
Copyright © 2011-2022 走看看