什么是jquery $ jQuery对象和DOM对象 和一些选择器
1什么是jQuery:
jQuery就是将一些方法封装在一个js文件中。就是个js库
我们学习这些方法。
2为什么要学习jQuery:
原生js有以下问题:
1.兼容性问题
2.代码重复
3.DOM提供的方法名太长,难记
4.代码容错性较差
5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉
3
jQuery版本介绍:
大版本 ; 1 2 3 1 兼容ie6、7、8 2 3 不兼容
小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别小
未压缩版(开发环境中用) 注释特别清晰 格式也特别清晰
4$本质
$(selector) 选择器
$(domObj) 将dom对象转换成jQuery对象
$(function) 入口函数的第二种写法
$===jQuery
5jQuery对象和DOM对象:
jQuery对象:jQuery方法获取的元素就是jQuery对象
jQuery对象就是DOM对象的包装集 (伪数组)
DOM对象:js方法获取的元素就是dom对象
jQuery对象转dom对象
jQueryObj[index]
jQueryObj.get(index)
dom对象转jQuery对象 (给钱就能成事儿)
$(domObj)
5一些选择器::
5.1基本选择器:id选择器 $("#id名")
class选择器 $(".className")
表签选择期 $("TagName")
并集选择器 $("selector1,slector2.........")
交集选择器 $("selector1selector2.......")
5.2层级选择器
后代选择器 $("selector1 selector2 ....")
子代选择期 $("selctor1>selector2>.......")
5.3过滤选择器
$("selector:filter")
$("selector:odd") 奇数过滤选择器
$("selector:even") 偶数过滤选择器
$("selector:eq(index)") 序号过滤选择器
5.4过滤选择器
是方法
jequryObj.children("selector")子元素过滤
jequryObj.parent()父元素
jequryObj.siblings("selector")兄弟元素过滤
jequryObj.next();下一个元素
jequryObj.find("selector")后代过滤
jequryObj.eq(index)序号过滤
最新文章
- [BZOJ1127][POI2008] KUP子矩阵
- 第3章 Linux常用命令(3)_文件搜索命令
- python解析git log后生成页面显示git更新日志信息
- Loadrunner中关联的作用:
- mongodb,redis,hbase 三者都是nosql数据库,他们的最大区别和不同定位是什么?
- Tomcat启动过程中找不到JAVA_HOME解决方法
- Python初学笔记
- Write operations are not allowed in read-only mode
- 滚动视图和页面控制UIScollView,UIpageControlDemo
- 【floyd】HDU 1874 畅通project续
- 图像编程学习笔记2——bmp位图平移
- 自己动手写spring容器(1)
- js—浅谈方法和思路的重要性(首篇求大佬支持)
- RecyclerView 加点击事件
- TypeScript学习笔记之接口类型
- 吐槽一下--最近多次在腾讯以及万科的面试经历---Web前端与PHP后端开发
- linux下tomcat的https访问
- mysql列反转Pivoting
- Bash on Ubuntu on Windows 到底想干啥?apt update又能解决啥问题?
- Mercedes offline programming/coding tips and guides
热门文章
- Docker常用命令大全
- SecureCRT如何与Linux虚拟机进行关联
- OSError: libcudart.so.7.5: cannot open shared object file: No such file or directory
- 在C#中实现Json的序列化与反序列化
- web适配问题
- ASP.NET探讨:技术的学习顺序问题
- centos 研究
- PTAM 编译安装 on MAC(mavericks)
- 普林斯顿算法课第五周作业_KdTree
- liaoliao的四连做第二弹