jQuery(基本用法）

最新推荐文章于 2024-03-29 10:53:09 发布

叶炀

最新推荐文章于 2024-03-29 10:53:09 发布

阅读量718

点赞数

分类专栏：学习记录-jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/yeyang123_fy/article/details/46695433

版权

12 篇文章 0 订阅

订阅专栏

1、安装

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

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>

关注

专栏目录