美文网首页
jQuery概念及基础知识

jQuery概念及基础知识

作者: ZombieBrandg | 来源:发表于2018-06-04 23:13 被阅读0次
    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概念及基础知识

          本文链接:https://www.haomeiwen.com/subject/goeusftx.html