JavaScript-jQuery

jQuery

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

jQuery中        jQuery相当于$

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

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

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

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

    jQuery对象-->DOM对象:   1.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结构绘制完成后执行此处的代码

扫描二维码关注公众号,回复: 2324253 查看本文章

});

此方法的简便方法

$(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,就只会弹出第一张图











猜你喜欢

转载自blog.csdn.net/xiongzhouxiong/article/details/79545624