zoukankan      html  css  js  c++  java
  • JQuery中隐藏/显示事件函数

    1.
    $("button").click(function(){ $("p").hide(); });
    2.
    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。页面引用时放到head标签里
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="my_jquery_functions.js"></script>
    </head>

    • 3
    • 如果存在名称冲突,则重命名 jQuery 库
    • jQuery 使用名为 noConflict() 的方法来解决该问题。

      var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

    • 例子:

      $.noConflict();
      jQuery(document).ready(function(){
      jQuery("button").click(function(){
      jQuery("p").text("jQuery 仍在运行!");
      });
      });

    • 4
    • $(document).ready(function)  将函数绑定到文档的就绪事件(当文档完成加载时)
    • $(selector).click(function)        触发或将函数绑定到被选元素的点击事件
    • $(selector).dblclick(function)    触发或将函数绑定到被选元素的双击事件
    • $(selector).focus(function)        触发或将函数绑定到被选元素的获得焦点事件
    • $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
    5 带有speed的隐藏和显示,,
    $(selector).hide(speed,callback);
    
    $(selector).show(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
    例:

     $("button").click(function(){
    $("p").hide(1000,function(){
    alert("The paragraph is now hidden");
    });
    });

    6  使用 toggle() 方法来切换 hide() 和 show() 方法。

    显示被隐藏的元素,并隐藏已显示的元素:

    例子:$("button").click(function(){
      $("p").toggle();
    });
    也有这样一句语法:
    $(selector).toggle(speed,callback);
  • 相关阅读:
    makefile中的使用 VAPTH 和“自动变量”指定目标文件的存放目录
    用Temp Table方法 替換遊標cursor
    生成XML、讀取XML
    Update方法的迭代
    串欄位list新招,不用建ufn.
    函數返回一個用分隔符連接起的字符串,其中每個單位的字符串不重復存在
    Select的迭代方法
    行列轉換方法
    行列轉換方法(超詳細方法)
    行列轉換方法(超過3列)
  • 原文地址:https://www.cnblogs.com/ouyangxiaoyao/p/5802750.html
Copyright © 2011-2022 走看看