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对象 和一些选择器的更多相关文章

  1. 判断一个对象是jQuery对象还是DOM对象

    今天调试一段代码的时候,看到其中一个变量,想知道它到底是jquery对象还是dom对象. 虽然直接console出这个对象,看它的内部可以判断出来.但是我想有没有什么更方便的方法呢. 后来我想到了一个 ...

  2. jQuery对象和DOM对象的区别

    jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...

  3. jQuery对象与dom对象相互转换

    核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S('#id' ...

  4. JQuery对象与DOM对象的区别与转换

      1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj ...

  5. jQuery对象与DOM对象之间的转换方法

    刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...

  6. jQuery jQuery对象与dom对象的转换

    jQuery对象本质上是一个构造函数,主要作用是返回jQuery对象的实例. jQuery选择器返回的是一个类似数组的对象,用下标运算取出的对象如$('body')[0],是dom对象,对此jquer ...

  7. jQuery对象与dom对象的转换

    一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的 ...

  8. jquery对象和dom对象的相互转换

    更好的学习jquery,要区分好jquery对象和dom对象的区别. 先具体说说dom.举个例子 <html> <head></head> <body> ...

  9. JQuery学习笔记---jquery对象和DOM对象的关系

    1.DOM(Document  Object Model,文档对象模型).DOM树 { html (head&&body),  head(meta && title) ...

随机推荐

  1. Ajax文件上传

  2. C and SQL data types for ODBC and CLI

    C and SQL data types for ODBC and CLI   This topic lists the C and SQL data types for ODBC and CLI a ...

  3. js简单的设置快捷键,hotkeys捕获键盘键和组合键的输入

    设置快捷键 这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键,它没有依赖,压缩只有只有(~3kb). hotkeys on Githubhotkeys预览 创建 您将需要在您的系 ...

  4. 本地项目上传到GitHub

    之前在github上搭建了前端node方面的东西,现在本地添加了maven结构的java代码,尝试了本地上到github项目分支的指令,现记录下 1.打开Git Bash 2.进入到项目所在的路径 3 ...

  5. 【转载】关于treeview的多层显示的科学用法!

    http://blogs.msdn.com/b/mikehillberg/archive/2009/10/30/treeview-and-hierarchicaldatatemplate-step-b ...

  6. Andriod学习笔记2:“Your content must have a ListView whose id attribute is 'android.R.id.list'”问题的解决办法

    问题描述 activity_main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <Lin ...

  7. 虚拟机主机能互相ping通,但是无法远程连接

    首先将虚拟机关机,找到Edit virtual machine Settings(编辑虚拟机设置)

  8. Swift 基本常量和变量,基本数据类型

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #4dbf56 } p.p2 { margin: 0.0px 0. ...

  9. 整理几种在axure里使页面居中的方法

    1. 用动态面板固定浏览器功能. 很简单方便. 但缺点是 当浏览器窗口大小小于页面时, 由于会强制居中,导致页面2边是在显示范围外并且是无法通过滚动条滚动的(滚动条是没有的). 2. 使用页面属性里的 ...

  10. webrtc中APM(AudioProcessing module)的使用2

    这个其实就是从Audio_processing.h中拿出来的. APM should be placed in the signal chain as close to the audio hardw ...