当前位置： 代码迷 >> Web前端 >> JQuery 选择器(二)
  详细解决方案

JQuery 选择器(二)

热度：531   发布时间：2012-11-23 22:54:33.0
JQuery 选择器(2)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择器</title>
<style type="text/css">
<!--
.alertFont {
	color: #FFF;
	background-color: #333;
}
-->
</style>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){//$().ready(function()  可以替换,$是"jQuery" 的简写,有冲突时可用于代替$
		funSelector();
	}
);
function funSelector(){
	//$("a[name]").attr("href","http://www.google.com");//选择带name 属性的 a 标签(1.3前需加@如:a[@name])
	//$("a[name='aTag2']").attr("href","http://www.iteye.com");//选择name="aTag2"的a标签
	//$("a[name^='aT']").attr("href","http://www.iteye.com");//name^="aT"(以aT 开头),name$="g2"(以g2结尾),name*="ag"(包含ag),name!="ag"
	//$("li:first").html("li:first");//第一个元素(eq(0))
	//$("li:eq(0)").text("第一个");//选取第 eq(x)个元素,javascript 中数组以0开始,CSS中数组以"1"开始
	//$("li:odd").html("奇数行");//":even"偶数行,":ood"代表奇数行
	//$("#ulTag2>li:even").html("偶数行");//id="ulTag2" 的标签下的<li>
	//$("a+p").html("aTag2.next.p");//a元素后与同级的p元素
	//$("li:contains(c)").html("contains");//包含,类似于*,子元素是包含也会被选中
	//$("li:has(a)").html("has");//类似于:contains,区别在has 指的是标签,contains指的是内容,相同在于它们都会把子元素计入
	//$("a:parent").addClass("alertFont");//父元素
	//$("#aTag1").next().html("good");//id="aTag1"元素的下一个元素
	//var a = $("#aTag1")[0];a.href="http://www.csdn.net"//通过JQuery 获取对象
}
</script>
</head>
<body>
<ul id="ulTag1">
  <li>a</li>
  <li><a href="#" onclick="javascript:return false;" id="aTag1">b.a</a><p>b.b</p></li>
  <li>
    <ul id="ulTag2">
      <li>c.a</li>
      <li><a href="#" onclick="javascript:return false;" id="aTag2" name="aTag2">b.b</a></li>
      <li>c.c</li>
    </ul>
  </li>
  <li>d</li>
</ul>
</body>
</html>
?
  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.