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方法.不涉及动态绑定
• 　　　　

转载于:https://www.cnblogs.com/newzhangshun/p/10083641.html