-
toggle() 可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换。 貌似jQuery1.9对toggle函数做了改动：只支持元素的隐藏与显示的切换，不再支持绑定多个函数进行循环调用了。 如：$("button").toggle(function1(){}, function2(){}); 实现对<button>进行点击时轮流调用function1和function2查看全部
-
hover() 当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果。 $(selector).hover(over，out); over和out为执行的函数。 如： $("div").hover( function () { $(this).addClass("orange"); }, function () { $(this).removeClass("orange") })查看全部
-
bind()方法 用于绑定元素的事件，可以方便地添加事件感应器。 格式：$(selector).bind("event1 event2",[data] function(){}); 可以绑定多个事件，之间用空格隔开。 如：$("#btntest").bind("click mouseout",function(){$(this).attr("disabled","true");}); 选中id为btntest的按钮元素后，绑定上了click和mouseout事件，使其按钮不可用。 若要绑定不同的事件不同的处理，$("#btntest").bind("click",func1()).bind("dblclick",func2()); 依次绑定，dblclick事件为双击事件。查看全部
-
ready()事件类似于onLoad()事件，但ready()只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。 $(document).ready(function(){}); 等价于 $(function(){});查看全部
-
remove() 移除，删除所选元素本身和子元素。 empty() 清空，方法只删除所选元素的子元素。 如果没添加参数，则直接进行移除或清空，添加参数后，可以添加过滤器对要删除元素进行选择。 如：$("span").remove(".red"); 获取了所有<span>元素后，移除className为red的所有元素及其子孙。 $("span").empty(); 获取了所有<span>元素后，不加过滤，直接清空所有<span>内部的全部内容。查看全部
-
each() 可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，格式：$(selector).each(function(index)) 如：$("span").each(function(index){ if(index==1){ $(this).attr("class","red"); } }); 在each()里面添加了function(index){}作为参数来进行序号的回调，index保存着遍历时的序号。 $(this)为引用自身查看全部
-
wrap()和wrapInner() 可以对元素进行包裹，但前者用于包裹元素本身，后者则用于包裹元素里面的内容。 如：$(".red").wrapInner("<i></i>"); 获取了className为red的<span>元素里面的内容后，用<i>对其进行包裹，里面的字就会变成斜体，像<span><i>text</i></span> $(".red").wrap("<div></div>"); 获取了className为red的<span>元素后，用<div>对其进行包裹，像<div><span>text</span></div>查看全部
-
replaceWith()和replaceAll() 可以用于替换元素或元素中的内容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 但格式不一样，selector为被替换的内容，content为要替换的内容。 如：$($(".green")).replaceWith($html); 和$($html).replaceAll($(".green")); 都是用$html元素去替换了一个class为green的元素 注意：前面有个$号啊！查看全部
-
clone() 可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，完全一样的！ 如：$("body").append($(".red").clone()); 复制了一个class为red的元素，并添加到body里面查看全部
-
有点正则匹配的味道查看全部
-
before()和after()方法可以在元素的前后插入内容 格式：$(selector).before(content)和$(selector).after(content) selector为被插入的位置，content为插入内容 如：var $html = "<span class='red'>兄弟。</span>" $("span").after($html); 就是将$html元素插入到<span>标签后面。查看全部
-
appendTo() 向指定的元素内插入内容，格式：$(content).appendTo(selector); 将content插入到selector后面 如：var $html = "<span class='red'>小青蛙</span>" $($html).appendTo("div"); 就可以将新定义的$html元素插入到div的后面。查看全部
-
append(content) 可以向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。 如：$("body").append(rethtml()); 函数rethtml()返回了一段html文档，append()可以使其添加到body最后查看全部
-
removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式 removeAttr("name");可以针对性地移除某个属性，如：$("#content").removeAttr("href"); 移除超链接值 removeClass("class1 class2"); 直接移除某个样式，$("#content").removeClass("white blue"); 移除两个类查看全部
-
addClass()和css()方法可以操作元素中的样式 addClass()是通过直接将元素纳入某个类里来实现添加格式，需要在样式表里事先写好类属性，若添加多个类，则用空格隔开。如： $("#content").addClass("blueBackground" "whiteFont"); css()可以获取元素属性值或修改元素属性值，当参数只有一个时为获取属性值，参数为两个时为修改属性值。如： $("#content").css("background-color"); 为获取背景色。 $("#content").css("background-color","red"); 将背景色修改为红色。查看全部
举报
0/150
提交
取消