jQuery在web开发中常用总结

  •   概念
    • 已知现有js代码的冗长程度,而且像冒泡等存在浏览器的差异.
    • 所以从需求上而言需要对其进行封装
    • 于是jQuery出现了
  • 特点
    • 简化了一些经常使用的代码.比如getElementById
    • 屏蔽了浏览器差异
    • 能够进行批量操作
    • 有大量已经被开发的jQuery插件自带UI效果
  • 使用
    • 导包 jQuery被封装好的jar包有两种,一个是min版本无代码注释文件比较小.一个是正常版本有注释但是文件相对较大
    • 在需要使用jQuery的地方导入<script src="外部js文件的路径" type="text/javascript"></script>
  • 选择器
    • $("参数")
    • 参数: 
      •    #id值 
      • .class的值 
      • 标签名  
  • 层级选择器
    •   $(A B)选择A中的所有含有B的标签
    • $(A>B)子类选择器
    • $(A+B)紧邻的弟弟标签选择器
    • $(A~B)后续的所有弟弟选择器
  • 过滤器
    •   $("选择器:过滤条件")
    • 常见的过滤条件:
      •   first
      •  last
      • gt(i)
      • lt(i)
      • not(标签)
      • hidden
      • 选择器[属性=值]
      • checked
      • selected
  • 相关的DOM方法和操作方法
    •   如果括号内不赋值就是查看.赋值就是修改
    • text()获得标签的普通文本
    • html()获得标签体的全部内容
    • val()获得input标签的value值
    • prop()获取标签的某一个属性或者更改这个属性
    • 操作方法
    • remove()删除本标签
    • empty()清空标签内部
    • next()下一个弟弟标签
    • prev()你哥
    • children()你儿
    • parent()你爹
    • $("xxxx")手搓标签和对应的内容
    • append()拼到某一个标签后面
    • size()获得元素个数
    • eq(i)获取i下标下的元素
  • 事件绑定
    •   网页加载完毕之后运行要先写$(function(){      }),把要进行的时间绑定写在里面
    • $(拿到id或者class或者标签对应的对象).live("xxx",function(){  })[发生动态变化的时候依然绑定]
    • 把liveb变成on就是单纯的onXxx方法.不涉及动态绑定
  •     
posted @ 2018-12-07 16:29  歌语苳文  阅读(205)  评论(0编辑  收藏  举报