JavaScript-jQuery

jQuery

jQuery是一个优秀的JavaScript库，他的理念是“写得少，做的多”

jQuery中        jQuery相当于$

DOM对象：通过JavaScript中的getElementByName,getElementById等方法获取元素节点，得到的就是DOM对象

jQuery对象：通过jQuery包装DOM对象后产生的对象就是jQuery对象

DOM对象与jQuery对象的相互转换：

    DOM对象-->jQuery对象：　$(DOM对象)

    jQuery对象-->DOM对象：   １．DOM对象 var  $a=$("#a")  jQuery对象 var   a=$a[0]

                                                2.   DOM对象 var  $a=$("#a")  jQuery对象 var   a=$a.get(0)

jQuery方法：

$(document).ready(function{

//DOM结构绘制完成后执行此处的代码

});

此方法的简便方法

$(function{

//DOM结构绘制完成后执行此处的代码

});

jQuery选择器：

1.id选择器$(#ID名称)

$("#myDiv").css("border","3px  solid red");

相当于JavaScript的

document.getElementById("myDiv").style.border="3px solid red";

2.通用选择器$("*");

3.类选择器$(".class")

4.复选框选择器$(":checkbox")

5.后代选择器$("{"ancester  decendent")

6.子选择器$("parent>child")

7.所元素选择器$("selector1,selector2,...selectorN")

jQuery事件冒泡：

当在有包含关系的DOM层级上绑定事件时，事件会按照DOM层级结构的顺序由内致外依次触发

停止事件冒泡的方法：在事件处理函数中加上event事件对象，然后使用event事件对象的

event.stopPropagation()方法

举例说明：

没有停止时间冒泡的时候，点击childDiv会依次冒泡弹出

        

     

当使用event.stopPropagation()方法后点击childDiv，就只会弹出第一张图