zoukankan      html  css  js  c++  java
  • jQuery 初学

    实例:
     
    为元素添加单击事件,发生对象隐藏效果
    <html>
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("p").click(function(){
    $(this).hide();
    });
    });
    </script>
    </head>
    <body>
    <p>If you click on me, I will disappear.</p>
    </body>
    </html>
    结果:隐藏页面内的<p>标签

    选择器

    jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式。
    $("p") 选取全部 <p> 元素。
    $("p.intro") 选取所有包含class为"intro"的 <p> 元素。
    $("#demo") 选取 id为"demo" 的元素。
    $("[href]") 选取所有带有 href 属性的元素。
    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
    $("[href^='/imgaes/']") 选取所有 href 值以 /imgaes/" 开头的元素。

    事件处理

    直接绑定指定事件,事件类型即方法名,支持click、focus、blur、submit等。
    $("#button").click(function(){
    //script goes here
    });
    用on来绑定事件,off来解绑事件,第一个参数为事件名,第二个参数为回调函数。1.7.2版本开始支持。
    $("#button").on('click',function(){
    //script goes here
    });

    源自:http://baike.baidu.com/view/1020297.htm
  • 相关阅读:
    LRU Algorithm Gym
    Running Routes Kattis
    Box HDU
    manjaro 安装 tim 后无法输入中文
    Angle Beats Gym
    Fish eating fruit 沈阳网络赛(树形dp)
    请求接口模板
    Droppable 拖拽实例
    线程处理
    网站的配置文件XML读写
  • 原文地址:https://www.cnblogs.com/2boy/p/3014068.html
Copyright © 2011-2022 走看看