`
- 浏览:
56894 次
- 性别:
- 来自:
北京
-
今天了解了jQuery中几个自定义的事件:
(1)hover(fn1,fn2):一个模仿悬停事件的方法。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
function(){
$(this).addClass("out");
});
(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,不同于onload事件,onload需要页面内容加载完毕(图片等),而ready只要页面html代码下载完毕即触发。与$(fn)等价。
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。
eg:
//触发所有p元素的click事件
$("p").trigger("click");
(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中(添加)删除绑定的事件。
eg:
//为每个p元素添加单击事件
$("p").bind("click", function(){alert($(this).text());});
//删除所有p元素上的所有事件
$("p").unbind();
//删除所有p元素上的单击事件
$("p").unbind("click")
(6)animate用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。
每个属性的值表示这个样式属性到多少时动画结束。
eg:
$("a",this).animate({ height: "0px",top: "25px"}, 80);
$("a",this).animate({ height: "28px",top: "10px"}, 80);
(7)fadeIn(speed,[callback])通过不透明度的变化来实现所有匹配元素的淡入效果并在 动画完成后可选地触发一个回调函数。
eg:
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...
文件列表中的"jquery-1.4.2.js"和"jquery-1.4.2.min.js"分别是未压缩和压缩版的jQuery 1.4.2,是jQuery UI运行的基础。"jquery-1.4.2-vsdoc.js"是一个用于Visual Studio的文档文件,为开发者提供IDE内的API提示。 ...
5. **移除jQuery Migrate**:在所有兼容性问题解决后,可以安全地从项目中移除`jquery-migrate-1.2.1.js`,以避免额外的代码负担。 总之,`jquery-migrate-1.2.1.js` 文件是jQuery生态系统中一个非常实用的工具,它...
在实际项目中,`jquery-ui-1.8.2.custom.min.js`和`jquery-ui-1.8.4.custom.css`通常一起使用,以确保JavaScript组件的外观和行为与CSS样式协调一致。然而,需要注意的是,这两个版本相对较旧,可能不包含后来版本中...
这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
在本篇文章中,我们将深入探讨其自定义版本 `jquery-ui-1.8.18.custom.min.js` 和相关的 CSS 文件,以理解它们如何协同工作,为网页带来强大的功能和美观的界面。 首先,`jquery-ui-1.8.18.custom.min.js` 是 ...
4. **API 和事件**:`jquery.editable-select` 提供了一系列 API 方法和事件,允许开发者自定义其行为。例如,你可以通过 API 设置或获取选中项,监听用户输入或选择变化的事件,甚至可以添加或移除选项。 5. **...
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
1、将jquery-1.6.4-vsdoc.js与jquery-1.6.4.js放在同一目录,然后在vs中添加对jquery-1.6.4.js的引用即可; 2、切记:两个文件的文件名不能修改,并且只要引用jquery-1.6.4.js而不要引用jquery-1.6.4-vsdoc.js。
${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.css" > ${ctx}/plugins/jquery-ui-1.11.2/external/jquery/jquery.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui-...
然而,随着技术的发展,jQuery也在不断迭代更新,新版本可能会移除一些旧的API或者改变原有的行为,这可能导致旧代码在新版本中出现问题。为了解决这个问题,jQuery团队推出了jQuery Migrate插件,以帮助开发者平滑...
在我们讨论的文件 "jquery-ui-1.9.2.custom.min.js" 中,我们可以看到这是该库的一个特定版本——1.9.2的自定义最小化版本。这个文件的核心在于“定制”和“最小化”,这两个特点使得它在实际项目中更具灵活性和效率...
在标题中提到的"jquery-migrate-3.0.0.zip",是这个插件的一个特定版本,即3.0.0版本的压缩包。这个版本的发布,旨在帮助开发者平滑地从旧版jQuery过渡到新版,同时确保原有的代码功能不会因API的改变或移除而受到...
jquery-ui-1.10.3.min.js
jquery-migrate-1.2.1.min.js 在网上下载一些 js 插件使用的时候,经常出现这种情况。但是更换低版本 jquery,比如 使用 1.7 版本的 jquery 却不会报错,能正常使用。 经过一番搜索,发现是因为高版本(1.9版本以后)...
struts2-jquery-plugin-3.1.0.jar