小知识
- js中双引号和单引号基本没区别。
jQuey的CDN
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
或者<script src="http://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/jquery/3.1.1/jquery.min.map"></script>
自动执行函数
1.$(document).ready(函数体);
$(document).ready(function () {函数内容;});
在文档载入完后自动执行
- 可以用holdReady()方法延迟ready事件触发时间
$.holdReady(true);//此处必须在ready触发事件之前调用
$(document).ready();
…setTimeout(function(){$.holdReady(false);},延迟时间);
2.$(function(){函数内容});
也可以自定义 $(),只要将jQuery.noConflict()方法的返回值赋给你自定义的变量即可。
##jquery函数
jquery()或$()
选择器–从DOM中选择元素
$(“选择器”) 兼容CSS3选择器。得到的可以看为一个数组
下面是juqry选择器:
说明::first
表示选中的结果中元素第一个
- :eq(3) 列表中的第4个元素(index 从 0 开始)
- gt(3) 列出 index 大于 3 的元素
- lt(3) 列出 index 小于 3 的元素
基本选择器 | 实例 | 解释 |
---|---|---|
#id | $(“#lastname”) | id=”lastname” 的元素 |
.class | $(“.intro”) | 所有 class=”intro” 的元素 |
element | $(“p”) | 所有 元素 |
.class.class | $(“.intro.demo”) | 所有 class=”intro” 且 class=”demo” 的元素 |
规定搜索范围选择器
$(“选择器”,范围) 这个范围可以是$(“选择器”)得来的
把DOM对象转换成juqery对象
在DOM对象外面加$()即可
juqery方法
.attr(‘添加的属性’,’属性值’)为对象添加属性和属性值
例子:$(“.classMy li img”).attr(“alt” , “picture”)
.addClass(‘要增加的类名’)给对象添加指定的类
【未完待续】