什么是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)序号过滤
什么是jquery $ jQuery对象和DOM对象 和一些选择器的更多相关文章
- 判断一个对象是jQuery对象还是DOM对象
今天调试一段代码的时候,看到其中一个变量,想知道它到底是jquery对象还是dom对象. 虽然直接console出这个对象,看它的内部可以判断出来.但是我想有没有什么更方便的方法呢. 后来我想到了一个 ...
- jQuery对象和DOM对象的区别
jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...
- jQuery对象与dom对象相互转换
核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S('#id' ...
- JQuery对象与DOM对象的区别与转换
1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj ...
- jQuery对象与DOM对象之间的转换方法
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
- jQuery jQuery对象与dom对象的转换
jQuery对象本质上是一个构造函数,主要作用是返回jQuery对象的实例. jQuery选择器返回的是一个类似数组的对象,用下标运算取出的对象如$('body')[0],是dom对象,对此jquer ...
- jQuery对象与dom对象的转换
一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的 ...
- jquery对象和dom对象的相互转换
更好的学习jquery,要区分好jquery对象和dom对象的区别. 先具体说说dom.举个例子 <html> <head></head> <body> ...
- JQuery学习笔记---jquery对象和DOM对象的关系
1.DOM(Document Object Model,文档对象模型).DOM树 { html (head&&body), head(meta && title) ...
随机推荐
- 51nod1102(数塔)
题目链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1002 题意:中文题诶- 思路:简单dp 从底层往上递推,每个 ...
- Swift - UIView,UItableView,Cell设置边框方法
// 设置边框的宽度 cell.layer.borderWidth = 1 // 设置边框的颜色 cell.layer.borderColor = UIColor.blackColor().CGCol ...
- Log4net快速索引参考
官方项目地址:The Apache log4net project 本文内容仅为相关项参考,不进行具体使用讨论 另转载请注明出处 Log4net快速索引参考 Log4net主要有以下三个部件: log ...
- UWP学习记录2-设计和UI之布局
UWP学习记录2-设计和UI之布局 1.导航基础知识 应用里,多个页面会有层次关系或者对等关系.这两种关系,通常在一个复杂应用里都会存在,而关系的选定依据: 对于对等导航,一般用选项卡(tabs)或者 ...
- Project Euler欧拉计划
1 If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. Th ...
- 通过FileHandle获取FileObject对象
<div id="wrap"> <!-- google_ad_section_start --> NTSTATUS MyNtReadFile(<br& ...
- Mybatis拦截器
Mybatis拦截器
- AJAX 同步异步笔记
就在刚才,做一个很简单的Demo, 预览MP4视频文件 这就是一个video标签嘛,然后再动态的给src赋值嘛.这还不是so easy? 好,说做就做.先简单的测试一下.先给src赋值一下. 嗯,可以 ...
- 转载:安装ie driver和chrome driver
很多同学在使用webdriver的时候总是忘了安装ie driver和chrome driver, 因此在这里简单介绍一下这2个driver的安装方式. IE driver 在新版本的webdrive ...
- Java 程序员必须掌握的 Linux 命令(转:导师Jencks)
1.查找文件 find / -name filename.txt根据名称查找/目录下的filename.txt文件. find . -name "*.xml"递归查找所有的xml文 ...