jq中选择器的选择问题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{ height: 100px; width: 200px; background-color: coral; margin: 10px;}
</style>
<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$(".cc").click(function(){//此处可以是标签

alert($(this).index());

})

})
</script>
</head>
<body>

<div><a href="#" class="cc">dffff</a></div>
<div><a href="#" class="cc">dffff</a></div>
</body>
</html>

以前以为选择器对类或者是标签的选择,是选择htm中的所有的,而实际上是选择它父元素低下的所有的元素,从而上述例子中,点击a得到的索引都是0

,而不是 0 ,1

时间: 2024-11-08 11:30:10

jq中选择器的选择问题的相关文章

jq中选择器的效率问题

$('.class')  $('div .class')  $('div.class') 三个的执行效率 $('.class')>$('div .class')>$('div.class') 原因: $('.class')相当于调用了原生js里面的doucmen.getElementsByClassName()方法,在低版本的ie中会比较慢,但是在高版本浏览器中的速度是很快的 $('div .class') 这个相当于是转换成了 $('div').find('.class') $('div.c

JQ中bind(),live(),delegate()事件方法的区别

[导读] bind(), live(), 和 delegate()这三个方法的区别并不是非常明显.弄清楚这些区别对我们写出简介的代码和预防我们的应用中出现bugs是非常有帮助的. jQuery团队在1 7版本中发布了一个用于绑定事件的新方法叫 bind(), .live(), 和 .delegate()这三个方法的区别并不是非常明显.弄清楚这些区别对我们写出简介的代码和预防我们的应用中出现bugs是非常有帮助的. jQuery团队在1.7版本中发布了一个用于绑定事件的新方法叫做on.这个方法包含

JQ基本选择器

JQ选择器采用CSS和Xpath选择器语法规范,满足用户在DOM中快速匹配元素或元素集合. 1.JQ支持CSS1.CSS2.CSS3.不同版本的所有选择器,而早期的很多浏览器并没有完全支持CSS3版本的选择器. 2.JQ支持不同的主流浏览器,因此使用JQ选择文档的时候就不用考虑浏览器的兼容问题了. JQ基本选择器包含的有: 1.id选择器(#id). 2.类型选择器(element). 3.类选择器(.class). 4.通配选择器(*). 5.分组选择器(selector1.selector2

浅谈css中选择器的优先级

学习web前端,主要学习的课程html5,css,js,ajax等一些基本的编程语言,当然这是一门高深的学问.而这篇文章主要是谈谈我对css中选择器优先级的一些简单的理解与看法,希望对您的学习提供一些帮助.好了,废话不多说了,让我们开始进入主题吧. css中文解释是“层叠式样式表”,在这里我要说一下,所谓层叠样式表的意思就是说我们可以给一个标签或者文本内容同时添加许多种样式,简单点说就是可以通过多种方式去支配同一个东西.那么就会出现这样的问题了——选择优先级的问题.就是谁的属性能起到控制的最终目

Jquery中选择器整理

1.基本选择器 *:所有元素选择器 例如:$("*").css("border","3px solid red"),表示为网页中的所有元素增加一个Border的css #id:id选择器阿 每个id值必须是在一个文件中只能使用一次.如果一个以上的元素分配了相同的ID,查询将只选择该ID第一个匹配的DOM元素 $("#test"),选中网页中id为test的元素 .class:类选择器,选择给定类名的所有元素. $("

6中选择器的运用

选择器的分类和介绍 1.选择器           :通过标签的名字去选择它,进行添加属性的操作. 2.id选择器        :通过自己起的id名字来找它,进行添加属性的操作,使用前加#. 3.class选择器  :通过class起的名字来找它,进行添加属性的操作,使用前加(点). 4.后代选择器   :选择一个标签包含的所有标签(含的多层关系). 5.子代选择器   :选择一个标签中的子标签(只有一种关系). 6.交集选择器   :通过它的标签加起来选择它(标签名在前) 原文地址:http

CSS中选择器优先级的权重计算

CSS中选择器优先级的权重计算 先看一段代码,如下: a{ color: red; } #box a{ color: green; } [class="box"] a{ color: gold; } .box a{ color: brown; } p a{ color: yellow; } </style> <p id='box' class="box"> <a>hello</a></p> 请问上面代码中,

jq中ajax的使用

jq中ajax必须在服务器环境下使用 $.ajax({ url:"json.json", //请求的url地址 dataType:"json", //返回格式为json type:"GET", //请求方式 beforeSend:function(){ $('#div3').html('加载中...') }, success:function(data,status){//第一个参数包含获取的内容,第二个参数为执行的状态 var tt="

JQ中的clone()方法与DOM中的cloneNode()方法

JQ中的clone()方法与DOM中的cloneNode()方法 cloneNode()定义和用法 cloneNode()方法创建节点的拷贝,并返回该副本. 语法: node.cloneNode(deep);  其接收一个可选参数"deep",为布尔类型,默认是false. 当设置为true,克隆当前节点,属性及当前节点的后代.若设置为false,仅仅克隆当前元素节点本身. 扩展:  使用cloneNode()方法,当被克隆的节点绑定了事件处理程序,事件处理程序是否会被一同克隆,这个我