- 概念
- 已知现有js代码的冗长程度,而且像冒泡等存在浏览器的差异.
- 所以从需求上而言需要对其进行封装
- 于是jQuery出现了
- 特点
- 简化了一些经常使用的代码.比如getElementById
- 屏蔽了浏览器差异
- 能够进行批量操作
- 有大量已经被开发的jQuery插件自带UI效果
- 使用
- 导包 jQuery被封装好的jar包有两种,一个是min版本无代码注释文件比较小.一个是正常版本有注释但是文件相对较大
- 在需要使用jQuery的地方导入<script src="外部js文件的路径" type="text/javascript"></script>
- 选择器
- 层级选择器
- $(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)
评论()
编辑
收藏
举报