认识jQuery及jQuery选择器

记录自己平时要注意的，如您看到哪里错误，望指正

认识jQuery

jQuery对象和DOM对象

var domObj = document.getElementById("id")//DOM对象
var $Obj = $("#id")//jQuery对象

在jQuery对象中无法使用DOM对象

jQuery对象和DOM对象的转化

jQuery对象转化成DOM对象

jQuery对象是类似数组的对象,两种转换方法[index]和get(index)
```
var $obj = $("#id");
var domObj = $obj[0];
或
var domObj = $obj.get(0);
```
DOM对象转化成jQuery对象

对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象。
```
var domObj = document.getElementById("id");
var $obj = $(domObj)
```

平时用到的jQuery对象都是通过$()函数制造出来的，$()函数就是jQuery对象的制造工厂

解决jQuery冲突问题

在其他库之后导入

jQuery.noConflict();
jQuery(function(){jQuery("#id").....})
//自定义快捷方式
var $j = jQuery.noConflict();
$j(function(){$j("#id").....})
//使用$，但不冲突
jQuery.noConflict();
jQuery(function($){$("#id").....})
//jQuery.noConflict();
//(function($){
//    $("#id").....
//
//})

在其他库之前导入
无需调用jQuery.noConflict()

jQuery选择器

$("selestor")获取的永远是对象，即使selector元素不存在。

：contains(text)

选取含有文本内容为“text”的元素

：hidden

包括样式属性display为“none”、文本隐藏域（<input type="hidden">）和visibility:hidden之类的元素

[attribute|=value] [attribute~=value]

| ：选取属性等于给定字符串或以该字符串为前缀的元素（跟“-”）

~ ：选取属性用空格分隔的值中包含一个给定值得元素

:子元素过滤几个区别

:nth-child：选择父元素下的第index个子元素（index从1算起）
:eq(index)：值匹配一个元素

:first与:first-child、:last与:last-child 同理

选择器含有空格的注意事项

加空格可能是指后代元素

认识jQuery及jQuery选择器相关推荐

转：初探 jQuery 的 Sizzle 选择器
这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成.在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你 ...
jQuery九类选择器
jQuery选择器基本选择器 #id/标签名/样式名/选择器A,选择器B jQuery层次选择器 *form input:查询form下所有input元素,含有后代关系 form>input:查 ...
jq查找字段忽略html标签,jquery内容过滤选择器有哪些？
jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括四种过滤方法: :contains(text).:empty .:has(seletor) .:paren ...
jquery常见的选择器
jquery常见的选择器具体参考官方API:http://jquery.cuishifeng.cn/ 1. 基本选择器 1.通配符选择器 * 用于选择所有元素2.元素选择器选择文档的元素如htm ...
重磅推荐12款jQuery编写的选择器
我最近开始编写自己的jQuery选择器,我越来越开始意识到这是一种不错而简洁的完成某些特定任务的方式,而以往我使用的是迭代器. 这些选择器中如果不是你一直在寻找的,你也许根本将不会碰到.所以我决定写下 ...
Jquery有哪些选择器
http://zhidao.baidu.com/link?url=qYC_qYA1G6dAgWcv1EVwDQyQrXQnVotFZwqoM4RK3O16EakTTnQnCWuCMCIWV33iGaP ...
jQuery的筛选选择器
基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQu ...
jQuery 的常用选择器，筛选器
jQuery jQuery 的简介插件 :一个功能高度分装类库 :工具库,提供操作工具,不提供具体功能 jQuery 是一个工具集合框架 : 项目每一个组件都会提供出来.我们只需要引入框架语法, ...
jQuery中，选择器既匹配开头又匹配结尾
jQuery中,选择器既匹配开头又匹配结尾的方法: 1 [attr^=val]attr$=val 2 [attr^=val][attr$=val] 转载于:https://www.cnblogs.co ...