jQuery概念及基础知识

2018-06-04  本文已影响0人  ZombieBrandg
  1. 选择网页元素
    $('#items').lenght === 0 //用长度判断文档中是否含有#items
    xxx.length-1 //获取最后一个元素的小技巧
  1. 改变结果集
var allp = $('p')
var allDiv = $('div')
var allpAndDiv = allp.add(allDiv)
allpAndDiv
// 得到所有的P和div
  1. 链式操作
    就是重复使用了this这个指向属性

this 是什么?
你不懂JS:this与对象原型

  1. 元素的操作:取值和赋值
    $('div').attr('class','sc') //给div添加属性class='sc' 如果已经存在相同的属性则会覆盖 $('div').attr('class') //如果这样调用则显示class的值 "sc"
    $('div').prop('id','sd') //和.attr差不多区别在于不是标准的属性则不会生效
    $('</div>') //jQuery是xml。这个代码相当于给HTML添加了一个div元素

jQuery文档
阮一峰jQuery设计思想


一些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)方法使用淡出效果来显示被选元素,假如该元素是隐藏的。

上一篇 下一篇

猜你喜欢

热点阅读