jQuery学习笔记

来源:互联网 发布:图片识别字体软件 编辑:程序博客网 时间:2024/06/05 18:45

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选择器,元素选择器,全选择器






0 0