jquery学习（二）

最新推荐文章于 2024-09-22 11:17:00 发布

齐雪松

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量397

点赞数

文章标签： jquery function xhtml javascript class html

本文链接：https://blog.csdn.net/qxs101307204/article/details/7375163

版权

jQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。

jQuery选择器的优势

简洁的写法

$()函数在很多javascript类库中都被作为一个选择器来使用，在jQuery中也不例外。其中：

$("#id")=>document.getElementById()函数，即通过id获取元素；

$("TagName")=>document.getElementByTagName()函数，即通过标签获取html元素；

基本选择器：它是通过元素id、class和标签名等来查找dom元素。在网页中，每个id名称只能使用一次，class允许重复使用。

层次选择器：获取特定的元素，比如：后代元素、子元素、相邻元素、和兄弟元素等。

过滤选择器：主要通过特定的过滤规则来筛选出所需的dom元素，该选择器以冒号（：）开头。

表单选择器：主要是对所选择的表单元素进行过滤，列如被选中的下拉框，多选框等等；

表格的隔行变色：

<!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>jquery隔行变色</title>
<script src="jquery/jquery-1.7.1.js"></script>
<style>
aa{
background-color:#C00;}
</style>
<script>
$(document).ready(function (){
//$("one").click(function (){
$("tr:eq(1)").css('background','#CC0066');
//});

$('tr:even').css('background','#ffff99');
$('tr:odd').css('background','#cccccc');

});
</script>
</head>