JQuery中隐藏/显示事件函数

最新推荐文章于 2024-07-14 12:56:18 发布

weixin_30757793

最新推荐文章于 2024-07-14 12:56:18 发布

阅读量95

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ouyangxiaoyao/p/5802750.html

版权

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);

转载于:https://www.cnblogs.com/ouyangxiaoyao/p/5802750.html

关注