jQuery

enter description here
[TOC]

小知识

  • 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(‘要增加的类名’)给对象添加指定的类

【未完待续】

热评文章