Jquery_选择器

学习地址:http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jquery-learn-1.html

学习时,要弄清楚DOM和JQuery包装集的区别;

var im = document.getElementById("am");
var jq = $("#im");

"$"符号在jQuery中代表对jQuery对象的引用, "jQuery"是核心对象

 //根据ID获取jQuery包装集
    var jQueryObject = $("#testDiv");

 //$是jQuery对象的引用:
    var jQueryObject = jQuery("#testDiv");都是一个意思

JQuery选择器功能上分为“选择”“过滤”;主要的区别是"过滤"作用的选择器是指定条件从前面匹配的内容中筛选, "过滤"选择器也可以单独使用, 表示从全部"*"中筛选. 

$(":[title]")

等同于:

$("*:[title]")

“永远不要在页面加载时改变页面的Dom模型”

操作元素属性:

jquery的工厂函数,一般set,get方法在一块,他在内部判断了参数的各种情况。
所以。
$(‘img‘)是get方法,是获取匹配img标签的所有元素。
$(‘<img/>‘)是set方法,创建一个img标签,并可以设置相关的属性。

$("img").attr("str");

removeAttr( name ) 删除元素属性, 但是对应的DOM属性是不会被删除的, 只会影响DOM属性的值.

比如将一个input元素的readonly元素属性去掉,会导致对应的DOM属性变成false(即input变成可编辑状态):

				
时间: 2024-11-06 14:24:49

Jquery_选择器的相关文章

数往知来 JQuery_选择器_隐式迭代_链式编程 &lt;二十&gt;

一.通过js实现页面加载完毕执行代码的方式与jquery的区别 1.通过jquery的方式可以 让多个方法被执行,而通过window.onload的方式只能执行最后一个, 因为最后一次注册的方法会把前面的方法覆盖掉 1. window.onload需要等待页面的所有元素资源比如说img里的图片一些连接等等都下载完毕后才会触发: 2. 而jquery只要页面的标签元素都下载完毕就会触发了 二.$.map(数组,function(ele,index){})函数对数组进行遍历,遍历之后会返回一个新的数

jQuery_第四章_选择器

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行

JQuery_过滤选择器

一.基本过滤器 1.基本过滤器 过滤器主要通过特定的过滤规则来筛选所需的 DOM 元素,和 CSS 中的伪类的语法类似:使用冒号(:)开头. <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function(){ //$('li:first').css('backg

JQuery_高级选择器

在很多特殊的元素上,比如父子关系的元素,兄弟关系的元素,特殊属性的元素等等. 在早期 CSS 的使用上,由于 IE6 等低版本浏览器不支持,所以这些高级选择器的使用也不具备普遍性,但随着 jQuery 兼容,这些选择器的使用频率也越来越高. 1.层次选择器 在层次选择器中,除了后代选择器之外,其他三种高级选择器是不支持 IE6 的,而 jQuery却是兼容 IE6 的. 1.后代选择器 <script type="text/javascript" src="jquery

JQuery_进阶选择器

在简单选择器外,还有一些进阶的选择器方便我们更精准的选择元素. 1.群组选择器 可以将相同的样式合并 <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function(){ /*$('div,p,strong').css('color','red'); 同样可以是i

JQuery_ JQuery选择器 JQuery判断相应的节点是否存在

有时候我们需要用选择器获取JQuery对象,并判断是否有满足条件的DOM节点存在 但是需要注意一点 由于 $(selector)  不论什么情况都会返回JQuery 对象, 所以不能按照以下的方式 判断节点是否存在 if($('#tt')){ console.log("不能以 if($('#tt')) 这种方式判断DOM是否存在"); } 需要按照下面的方式判断 正确做法 方式一 if($('#dd.outClass').length >0){ console.log("

jQuery_添加与删除元素

一.jQuery添加元素(通过 jQuery,可以很容易地添加新元素/内容.) 1.添加新的 HTML 内容,用于添加新内容的四个 jQuery 方法(都能解析HTML标签): append() - 在被选元素的结尾插入内容 <script src="jquery-1.11.1.min.js"></script> <script> $(function(){ $(function(){ $("#btn1").click(funct

CSS3选择器:nth-child和:nth-of-type之间的差异

对于p:nth-child选择器,选择一个元素如果: 这是个段落元素 这是父标签的第二个子元素 对于p:nth-of-type选择器,选择一个元素如果: 选择父标签的第二个段落子元素 :nth-of-type选择器,限制条件少

CSS3选择器 ::selection选择器

"::selection"伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本).浏览器默认情况下,用鼠标选择网页文本是以"深蓝的背景,白色的字体"显示的,效果如下图所示: 从上图中可以看出,用鼠标选中"专注IT.互联网技术"."纯干货.学以致用"."没错.这是免费的"这三行文本中,默认显示样式为:蓝色背景.白色文本. 有的时候设计要求,不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时