自学jQuery的随笔1

$(document).ready(function(){

    //jQuery代码

})

把jquery函数位于一个document ready函数中，是为了防止文档在完全加载（就绪）之前运行jQuery代码

也可写成：

$(function(){

//jQuery代码

})

 

jQuery选择器：

1、#id选择器：$(“#test”)

2、.class 类选择器：$(“.test”)

3、元素选择器：$(“p”)

4、选取当前的HTML元素：$(this)

 

jQuery事件：

1、鼠标点击事件时触发函数

  $(“p”).click(function{

    ...

   })

2、鼠标双击时触发函数

   $(“p”).dbclick(function(){

       ...

   })

3、鼠标指针穿过元素时触发函数

   $(“p”).mouseenter(function(){

       ...

   })

4、鼠标指针离开元素时触发函数

   $(“p”).mouseleave(function(){

       ...

   })

5、鼠标指针移动到元素上方，并按下鼠标按键时触发函数

   $(“p”).mousedown(function(){

      ...

   })

6、在元素上松开鼠标时触发函数

   $(“p”).mouseup(function(){

       ...

   })

7、模拟光标悬停时间

   $(“p”).hover(function(){

       ...

   })

8、元素获得焦点时触发函数

   $(“p”).focus(function(){

       ...

   })

9、元素失去焦点时触发函数

   $(“p”).blur(function(){

       ...

   })