jQuery学习笔记

最新推荐文章于 2019-11-09 22:33:54 发布

mazicwong

最新推荐文章于 2019-11-09 22:33:54 发布

阅读量362

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/mazicwong/article/details/54918106

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JQuery

可以使用百度CDN引用的方法,而不用去下载

百度 CDN:

 
  <head> 
 
  <scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 
 
  </head>

例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>第一个简单的jQuery程序</title>
    <style type="text/css">
        div{
            padding:8px 0px;
            font-size:12px;
            text-align:center;
            border:solid 1px #888;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function() {
                $("div").html("哈哈哈。");
            });
    </script>
</head>
<body>
    <div></div>
</body>
</html>

$(document).ready是等文档加载完,在执行后面代码

$("div")是获取div标签

jQuery.html();函数，用途相当于获取或设置DOM对象的innerHTML属性

对应于javascript中的各类选择器，如：
$("*") ——所有元素
$("#lastname") ——id="lastname" 的元素
$(".intro") ——所有 class="intro" 的元素
$(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素
$("p") ——所有 <p> 元素 //当传入的是标签名就不用加前缀了

eg:以下是一段HTML结构，通过jQuery的基本选择器，我们有多少方法可以获取？
<div id="left" class="left"></div>

$('.left') $('#left') $("div") $("*") //类选择器,id选择器,元素选择器,全选择器

mazicwong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记

JQuery可以使用百度CDN引用的方法,而不用去下载百度 CDN:head>scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">script>head>例子第一个简单的jQuery程序 div{
复制链接

扫一扫

专栏目录