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. 51nod1102(数塔)

    题目链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1002 题意:中文题诶- 思路:简单dp 从底层往上递推,每个 ...

  2. Swift - UIView,UItableView,Cell设置边框方法

    // 设置边框的宽度 cell.layer.borderWidth = 1 // 设置边框的颜色 cell.layer.borderColor = UIColor.blackColor().CGCol ...

  3. Log4net快速索引参考

    官方项目地址:The Apache log4net project 本文内容仅为相关项参考,不进行具体使用讨论 另转载请注明出处 Log4net快速索引参考 Log4net主要有以下三个部件: log ...

  4. UWP学习记录2-设计和UI之布局

    UWP学习记录2-设计和UI之布局 1.导航基础知识 应用里,多个页面会有层次关系或者对等关系.这两种关系,通常在一个复杂应用里都会存在,而关系的选定依据: 对于对等导航,一般用选项卡(tabs)或者 ...

  5. 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 ...

  6. 通过FileHandle获取FileObject对象

    <div id="wrap"> <!-- google_ad_section_start --> NTSTATUS MyNtReadFile(<br& ...

  7. Mybatis拦截器

    Mybatis拦截器

  8. AJAX 同步异步笔记

    就在刚才,做一个很简单的Demo, 预览MP4视频文件 这就是一个video标签嘛,然后再动态的给src赋值嘛.这还不是so easy? 好,说做就做.先简单的测试一下.先给src赋值一下. 嗯,可以 ...

  9. 转载:安装ie driver和chrome driver

    很多同学在使用webdriver的时候总是忘了安装ie driver和chrome driver, 因此在这里简单介绍一下这2个driver的安装方式. IE driver 在新版本的webdrive ...

  10. Java 程序员必须掌握的 Linux 命令(转:导师Jencks)

    1.查找文件 find / -name filename.txt根据名称查找/目录下的filename.txt文件. find . -name "*.xml"递归查找所有的xml文 ...