- 选择网页元素
$('#items').lenght === 0 //用长度判断文档中是否含有#items
xxx.length-1 //获取最后一个元素的小技巧
- 改变结果集
var allp = $('p')
var allDiv = $('div')
var allpAndDiv = allp.add(allDiv)
allpAndDiv
// 得到所有的P和div
- 链式操作
就是重复使用了this这个指向属性
- 元素的操作:取值和赋值
$('div').attr('class','sc')
//给div添加属性class='sc' 如果已经存在相同的属性则会覆盖$('div').attr('class')
//如果这样调用则显示class的值 "sc"
$('div').prop('id','sd')
//和.attr差不多区别在于不是标准的属性则不会生效
$('</div>')
//jQuery是xml。这个代码相当于给HTML添加了一个div元素
一些jQuery的AIP
$(selector).add(element,context) 方法把元素添加到已存在的元素组合中
$(selector).remove()方法移除被选元素,包括所有的文本和子节点(该方法也会移除被选元素的数据和事件。)
$(selector).addClass(context) 添加一个Class=‘context’
$(selector).removeClass(context)删除一个Class=‘context’
$(selector).sibilings() 获得匹配元素集合中每个元素的兄弟元素,
$(selector).attr(attribute,value) 如果不输入value值则获取属性对应的值,如果输入value则对匹配的元素添加属性和值
$(selector).hasClass(class) 方法检查被选元素是否包含指定的 class。
$(selector).each(function(index,element))遍历一个jQuery对象为每个匹配元素规定运行的函数
$(selector).prop({property:value, property:value,...})方法设置或返回被选元素的属性和值。但是对于非标准的html的属性则不会显示在html中
$(selector).toggleClass(class,switch)对设置或移除被选元素的一个或多个类进行切换
$(selector).toggle(function1(),function2(),functionN(),...)方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件
$(selector).css() 为匹配的元素添加css属性
$(selector).eq() 选择器选取带有指定 index 值的元素。
.closest(selector)最靠近的 从自身元素开始,在DOM树上逐级向上匹配,并返回最先匹配的祖先元素。
$(selector).index() 方法返回指定元素相对于其他指定元素的 index 位置。
$(selector).prepend(content)方法在被选元素的开头(仍位于内部)插入指定内容
$(selector).is(selector)is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true
$(selector).fadeIn(speed,callback)方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
$(selector).fadeOut(speed,callback)方法使用淡出效果来显示被选元素,假如该元素是隐藏的。
网友评论