【JQ同胞遍历】】的更多相关文章

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ…
1.child()方法 该方法用于取得匹配元素的子元素集合 2.next() 该方法用于取得匹配元素后面紧邻的同辈元素, 3.prev() 该方法用于取得匹配元素前面紧邻的同辈元素 4.siblings() 该方法用于取得匹配元素前后所有的同辈元素. 5.closest() 该方法用于取得最近的匹配元素.首先检查当前元素是否匹配,如果匹配则直接返回元素本身,如果不匹配则向上查找父元素,逐级向上直到找到匹配选择器的元素,如果什么都没找到则返回一个空的 jquery对象. 总结:除此之外,还有很多遍…
children .children(selector) 返回被选元素的所有直接子元素,不返回文本节点: 下面例子:给level-2的子元素设置border.比较使用children和find html <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II <ul class="level-2&qu…
var arr = ["北京","上海","天津","重庆","河北","河南","安徽","湖北","湖南"]; $.each(arr, function(i, val) { console.log(i+"-- --"+val); }); var obj= {name:"小明",male…
JQ & HTML JQ作为一个JS库,很好地继承了JS和HTML互动的特点,并且还给出了包装得更好,操作层次更高的方法.和之前JQ的内容一样,方法的表现形式是$(selector).action().下面根据操作分类来进行一些罗列 ■ 文档 & 属性操作 ●  获得/设置内容 text(...) 当没有参数时返回被选元素的文本内容,当设置有参数时指设置被选元素的内容为参数值 html(...) 和text类似,只不过获取/设置的对象是html代码 val(...) 用于获取/设置表单中输…
向上遍历DOM树: parent():返回被选元素的直接父元素 parents():返回被选元素的所有祖先元素(当后边参数存在时则表示其中与参数相同的祖先元素) parentsUntil()返回介于两个给定元素之间的所有祖先元素(ps:不包含本身参数的祖先元素.) 向下遍历DOM树: children():返回所有被选元素的直接子元素 find():返回被选元素的所有后代元素(参数存在性:“*”为所有后代元素) 同胞遍历DOM树: siblings():返回被选元素的所有同胞元素 next():…
1.JQ的遍历操作 方式一: 1 $(function(){ //全选/全不选 $("#checkallbox").click(function(){ var isChecked=this.checked; //使用对象访问的方式进行遍历,语法$().each(function(){}) $("input[name='hobby']").each(function(){ this.checked=isChecked; }); }); }); $后面的括号里是被遍历的…
一.动画 1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数: 1. speed:动画的速度.三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如:1000) 2. easing:用来指定切换效果,默认是"swing",可用参数"linear" * swing:动画执行时效果是…
1.JQuery对象" 如: $('div').text("div展示的信息") 可以看成"是一个包含一个dom数组 和 包含所有Jquery方法的容器 2.每当我们调用选择器方法查找dom树里的元素时,其实就是把找到的dom元素存入一个JQ对象里的dom数组中,然后再把这个JQ对象返回. 当我们调用Jquery方法时(如 html()),jq方法会遍历内部 dom数组,并调用每个dom元素的对应的dom属性或方法(如innerHTML),完成操作. 3.其中Jq方…
其中Jq方法遍历内部dom数组的过程就叫做[隐式迭代] my.js $(document).ready(function(){ (function($){ $.fn.swapClass=function(class1,class2){ this.each(function(){ var $elment=$(this); if($elment.hasClass(class1)){//第一个满足,第二个就不会执行 $elment.removeClass(class1).addClass(class2…