jQuery- 代码片 2461 2

【代码片-1】 jQuery 入门

作者:Bristy_pu

标签:jquery    dom对象    语法    编辑器    cs    

< !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 type="text/javascript" src="jquery-1.3.2/jquery-1.3.2.min.js"></script>
<style type="text/css">
.txt-color1{ color:#FF0000}
.txt-color2{ color:#666600}
.txt-color3{ color:#000066}
</style>
</head>
<body>
<h1>jQuery简单的选择器</h1>
<div>大家可以去很多jQuery程序,绝大部分的函数都是从$()开始的,$()函数简化了javascript获取DOM元素的复杂性,消除了使用for循环获取一组DOM元素</div>
<div>
<ol>
<li>$("div"):标签名,取得DOM文档中所有div标签的元素,返回的是一个元素集合;</li>
<li id="nickName">$("#nickName"):ID属性,取得DOM文档中ID为nickName的一个元素(ps:一个文档中ID是唯一的),返回的是一个元素;</li>
<li class="user">$(".user"):样式名,取得DOM文档中class为user的所有元素,返回的是一个元素集合;</li>
<li class="user">$(".user"):样式名,取得DOM文档中class为user的所有元素,返回的是一个元素集合;</li>
</ol>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("h1").addClass("txt-color1");//给标签为h1的加上txt-color1样式
$(".user").addClass("txt-color2");
$("#nickName").addClass("txt-color3");
});
</script>
</body>
</html>
发表评论

2个评论

  • greg703

    问题是我点进去JQuery的网站没反应。而且下载不知道要下载哪一个。完全就是懵逼的。所以弱弱的问一下。怎样下载啊?点你的那个1.32没反应

    2017-01-01 20:33:15回复

  • qq_38004126

    回复greg703: 你是不是没引用jQuery库呀

    2017-03-21 17:28:57回复

我要留言×

技术领域:

我要留言×

留言成功,我们将在审核后加至投票列表中!

提示x

jQuery知识库已成功保存至我的图谱现在你可以用它来管理自己的知识内容了

删除图谱提示×

你保存在该图谱下的知识内容也会被删除,建议你先将内容移到其他图谱中。你确定要删除知识图谱及其内容吗?

删除节点提示×

无法删除该知识节点,因该节点下仍保存有相关知识内容!

删除节点提示×

你确定要删除该知识节点吗?