您的位置：首页 > Web前端 > JQuery

jQuery(基本用法）

2015-06-30 16:59 645 查看

1、安装

下载http://jquery.com jQuery框架，<head>里面写

<script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script>

2、jQuery一般形式说明

a. 一般形式$（“div”）.html("hello!"); 写在javascript里即可，元素名不用加#

b. 取id，$（“#div”）.html("hello!");

c. 显示要显示的内容样式，$（“div”）.css("font-weight","bold");

d. 设置为灰，不可用 $("button").attr("disabled","true");

e. 根据某个类别，用$(“.class”)模糊查找

举例：

<script type="text/javascript">  //将green的内容显示为red的内容
var $redHTML = $(".red").html();
$(".green").html($redHTML);
</script>

f. $(“*”) 获取界面所有元素，如$("div *") ，则获取div下包含的所有元素

g. 获取父元素下的子元素，$("元素1 元素2")，$(“parent > child”)选择范围更小，仅到子辈

如获取<div>元素下的全部<label>元素，并改变背景色

<script type="text/javascript">
$("div label").css("background-color","blue");
</script>

h. $(“prev + next”)，显示prev的下一个元素，$(“prev ~ next”)获取prev下面的全部相邻元素

<script type="text/javascript">
$("p+label").css("background-color","red");
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery

相关文章推荐

新的分享

章节导航