jQuery概念及基础知识

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,727评论 1 7
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 673评论 0 3
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,489评论 0 44
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 闻讯同学徐辉的著作出版,订购,散文集,《淌过诗人的河流》。 收到老同学岳阳快递的《淌过诗人的河流》,万分亲切!然,...
    传频阅读 383评论 0 2