
jQuery
sunnana
这个作者很懒,什么都没留下…
展开
-
live绑定事件的实现原理
1.冒泡机制(1)冒泡机制:[code="java"] 内层span元素[/code]点击span之后的冒泡顺序是:spandivbody之所以称为冒泡,是因为事件会按照DOM的层次结构像水泡一样不断向上直至顶端。(2)冒泡机制引发的问题:事件冒泡可能会引起预料之外的效果。上例中,本来只想触发元素的click事件,然而元素和元素的c...原创 2012-07-15 12:24:54 · 234 阅读 · 0 评论 -
jquery学习之trigger解析
trigger在页面加载时执行,可以自定义事件,并传递参数。咱们一步步的来了解trigger。1.首先下面的例子,只有在click的时候才会触发下面的事件。[code="java"]$(document).ready(function(){ var click_fn = function(){ $("p").slideToggle(); }; //just ...原创 2014-05-19 20:30:04 · 181 阅读 · 0 评论 -
jquery学习之siblings解析
siblings(".selected")查找所有类名为"selected"的同胞元素[code="java"] Hello Hello Again And Again $("p").siblings(".selected").css("background", "yellow");[/原创 2014-05-19 20:18:49 · 115 阅读 · 0 评论 -
jquery学习之html和text的区别
html()显示html,包括标签text()显示的是纯文本[code="java"]$(document).ready(function(){ $("button").click(function(){ alert($("div").html()); alert($("div").text()); });});...原创 2014-05-19 20:08:52 · 154 阅读 · 0 评论 -
jquery学习之为多个属性同时赋值
[code="java"]$(document).ready(function(){ $("button").click(function(){ var $first_p = $("p:eq(0)"); $first_p.attr({"id":"first_p","value": "hello"}); alert(原创 2014-05-19 20:03:59 · 799 阅读 · 0 评论 -
jQuery之toggleClass解析
toggleClass(classname[,boolean]),其中第二个参数是可选的。当只传递一个参数时,toggleClass的原理如下:首先判断选择器是否有classname,如果有则动用removeClass(classname);否则动用addClass。当传递第二个参数(true)时,相当于调用addClass(classname);第二个参数传递(false)时,相当于调用remo...原创 2014-05-19 20:01:09 · 190 阅读 · 0 评论 -
jQuery自定义选择器
1.自定义选择器自定义选择器不能使用速度最快的原生态选择器了。因此尽量不要使用。(1):even 结果集中其索引为偶数的元素(0,2,4....)(2):odd 结果集中其索引为奇数的元素(1,3,5....)[注意]经常使用$("tr:odd")或者$("tr:nth-child")实现table隔行,但是当页面中含有不只一个table时,前者往往会使后面table的隔行出现混乱...原创 2013-02-28 15:50:32 · 199 阅读 · 0 评论 -
preventDefault
event.preventDefault()用于阻止默认操作,以下两个例子的效果是一样的。[code="java"]default click action is prevented$( "a" ).click(function( event ) {event.preventDefault();$( "" ).append( "defau...原创 2014-05-06 18:24:39 · 145 阅读 · 0 评论 -
jquery模拟用户行为
[code="java"]//demo1,not use bindvar $user = $("#recovery_database_create_wizard_domain_name");$user.click(function(){ alert("function with no bind");});$user.click();//demo2,use bi...原创 2014-05-06 17:44:20 · 299 阅读 · 0 评论 -
JavaScriptDOM编程艺术学习笔记
[b]3.DOM[/b]3.1javascript中对象的种类1.用户定义的对象:程序员自行创建的2.内建对象:内建在javascript语言中的,例如Array、Date等3.宿主对象:浏览器提供的对象(1)Window对象是最基础的宿主对象,对应浏览器窗口本身,其属性和方法统称为BOM。3.2节点1.元素节点:p,li等2.文本节点:包含在元素节点内部的文本...原创 2014-05-26 21:36:20 · 111 阅读 · 0 评论