码迷,mamicode.com
首页 > Web开发 > 详细

jQuery知识大杂汇

时间:2016-08-13 22:34:33      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:

1.jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

  基础语法: $(selector).action()

      举几枚栗子吧:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏所有 id="test" 的元素

2.文档就绪事件:所有 jQuery 函数位于一个 document ready 函数中:

   

$(document).ready(function(){

   // 开始写 jQuery 代码...

});

为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

这个文档就绪事件是有简洁写法的哦!

$(function(){

   // 开始写 jQuery 代码...

});

 

3.jQuery 中所有选择器都以美元符号开头:$()。

 

4.jQuery选择器


                         技术分享 

 

5.要把jQuery代码放入单独的js文件,通过script的src属性引用。

6.mouseenter()

   当鼠标指针穿过元素时,会发生 mouseenter 事件。

   mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数:

$("#p1").mouseenter(function(){
  alert("You entered p1!");
});

7.mouseleave()

   当鼠标指针离开元素时,会发生 mouseleave 事件。

8.mousedown()

   当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

9.mouseup()

   当在元素上松开鼠标按钮时,会发生 mouseup 事件。

10.hover()

   hover()方法用于模拟光标悬停事件。

   当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

11.focus()

   当元素获得焦点时,发生 focus 事件。

   当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。

   focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数

12.blur()

   当元素失去焦点时,发生 blur 事件。

13.需要注意在jQuery中,this也需要放入$(this)工厂函数里。

14.jQuery中DOM常用事件:

                                       技术分享

 

jQuery知识大杂汇

标签:

原文地址:http://www.cnblogs.com/yuqingfamily/p/5768910.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!