jQuery Selectors(选择器)的使用(一、基本篇)

2024-05-06 14:12:35

字体：大中小

来源：转载

供稿：网友

我的学习方法：先入门，后进阶！本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。

详细介绍页面 http://demo.Vevb.com/html/jquery/jQuery-Selector.html

<!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=gb2312" /> <title>jQuery-Selectors</title>      <style type="text/css"> .div {     width:95%;     margin-left:15px;     margin-top:15px;     margin-right:15px;     padding-left:5px;     padding-top:5px;     padding-bottom:5px;     background-color:#ccc;     border:#999 1px solid;     line-height:30px;     font-size:13px;     font-family:微软雅黑; } .blue{color:Blue;} .green{color:Green;} .button{border:green 1px solid;width:100px;} .xiaobiao{ font-weight:bold;} .red_test{background-color:red; color:White; width:300px; height:30px;} .li_test{border:#000 1px solid;} </style> </head> <body>  jQuery-Selectors(选择器)的使用(一、基本篇) 本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法，我将以实例方式进行讲述，以简单，全面为基础，不会涉及很深，我的学习方法：先入门，后进阶！<br> 本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。<br> 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com <br> 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！<br> 您可以到jQuery官网来学习更多的有关jQuery知识。<br> 版权所有：白夜 博客 转载请保留出处和版权信息！   1. #id用法<br> 定义：根据给定的ID匹配一个元素。<br> 返回值：Element<br> 参数：id (String) : 用于搜索的，通过元素的 id 属性中给定的值<br> 实例：将ID为"div_red"的DIV的边框改为红色<br> 代码：$("#div_red").css("border","red 2px solid"); //点击按钮一将执行这句代码<br>  DIV ID="div_red" <input type="button" id="btn_red" value="按钮一" class="button"/>   扩展：#id中的id可以是页面任何元素的id,如input,btuuon,div,table,span等等   2. element用法<br> 定义：根据给定的元素名匹配所有元素。<br> 返回值：Array<Element><br> 参数：element (String) : 一个用于搜索的元素。指向 DOM 节点的标签名。<br> 实例：将页面<P>标记内的文字颜色改为红色<br> 代码：$("p").css("color","red"); //点击按钮二将执行这句代码 <p id="p1" style="border:#000 1px solid;">P标记1 ID="p1"</p> <p style="border:#000 1px solid;">P标记2 无ID</p> <input type="button" id="btn_p_red" value="按钮二" class="button" /><br>  扩展：参数值可以是页面任何元素，如div,button,div,table,tr,td,p,h1,span,input   3. .class用法            </SPAN>
</div>
</div>
<div class=page1>
<p align="center" class="pageLink"></p>
</div>

<div class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/05-06/1044130.html'>javascript KeyDown、KeyPress和KeyUp事件的区别与联系</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/05-06/1044132.html'>javascript Demo模态窗口</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您没什么话要说吗？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

学习交流