`

jquery中的方法--我的不断累加--four

阅读更多
今天了解了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.");
        });

分享到:
评论

相关推荐

    jquery-ui-1.8.16

    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插件jquery-ui-1.8.2.custom.min.js

    文件列表中的"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提示。 ...

    jquery-migrate-1.2.1.js文件

    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

    在实际项目中,`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.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...

    jquery插件jquery-ui-1.8.18.custom.min.js及css文件

    在本篇文章中,我们将深入探讨其自定义版本 `jquery-ui-1.8.18.custom.min.js` 和相关的 CSS 文件,以理解它们如何协同工作,为网页带来强大的功能和美观的界面。 首先,`jquery-ui-1.8.18.custom.min.js` 是 ...

    jquery.datepicker-zh-CN.js

    <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.editable-select

    4. **API 和事件**:`jquery.editable-select` 提供了一系列 API 方法和事件,允许开发者自定义其行为。例如,你可以通过 API 设置或获取选中项,监听用户输入或选择变化的事件,甚至可以添加或移除选项。 5. **...

    jquery-ui-datepicker中文版

    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-easyui-EDT-1.5.2-build1

    jquery-1.6.4-vsdoc.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。

    jQuery版本迁移辅助插件jquery-migrate-1.2.1.min.js

    jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js

    jquery-ui-1.11.2日期控件datepicker

    ${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-migrate-3.0.1.js jar包

    然而,随着技术的发展,jQuery也在不断迭代更新,新版本可能会移除一些旧的API或者改变原有的行为,这可能导致旧代码在新版本中出现问题。为了解决这个问题,jQuery团队推出了jQuery Migrate插件,以帮助开发者平滑...

    jquery-ui-1.9.2.custom.min.js

    在我们讨论的文件 "jquery-ui-1.9.2.custom.min.js" 中,我们可以看到这是该库的一个特定版本——1.9.2的自定义最小化版本。这个文件的核心在于“定制”和“最小化”,这两个特点使得它在实际项目中更具灵活性和效率...

    jquery-migrate-3.0.0.zip

    在标题中提到的"jquery-migrate-3.0.0.zip",是这个插件的一个特定版本,即3.0.0版本的压缩包。这个版本的发布,旨在帮助开发者平滑地从旧版jQuery过渡到新版,同时确保原有的代码功能不会因API的改变或移除而受到...

    jquery-ui-1.10.3.min.js

    jquery-ui-1.10.3.min.js

    jquery-migrate-1.2.1.min.js

    jquery-migrate-1.2.1.min.js 在网上下载一些 js 插件使用的时候,经常出现这种情况。但是更换低版本 jquery,比如 使用 1.7 版本的 jquery 却不会报错,能正常使用。 经过一番搜索,发现是因为高版本(1.9版本以后)...

    struts2-jquery-plugin-3.1.0.jar

    struts2-jquery-plugin-3.1.0.jar

Global site tag (gtag.js) - Google Analytics