差不多一个月前悠闲的时候,把jQuery官方教学视频看了,并做了官方的练习,记了一些笔记,今天把之前的笔记整理成博文。也都只是基础的jQuery。
1、$(document).ready()
$(document).ready(function(){
alert('DOM加载完毕!');
});
$(document).ready()会在DOM加载完毕就执行,而不等内容加载完毕,也就是用户可以第一时间就可以看到页面特效。可以有多个,可以简写(官方的练习用简写竟然提示错误)。
$(function(){
alert('DOM加载完毕!');
});
而window.onload则要等页面所有内容加载完才执行且只有一个。
2、选择器
$('p2') //选择名字
$('.class') //选择class
$('#id') //选择id
$('#id li') //所有id=”id”标签内的li标签
$(“#id”).find(“li”)//用遍历的方法也能找到所有的li元素,且效率比只有用选择器的效率高
$('#id > li') //所有直属子标签,就是直接子节点
$(“#id”).children(“li”) //所有直属的li元素,效率高于直接用选择器
$('#id , .class') //逗号用来复选。选择多个标签
$(“#id li:first”) //第一个元素
$(“#id li:last”)// 最后一个元素
$(“#id li:odd”) //奇数个数的元素(由于从0开始算,所以是第二个)
$(“li”).first().next()//用遍历的方法获得第二个元素,效率高于直接用选择器
$(“#id li:even”) //偶数个数的元素
$(“li”).last().prev()//倒数第二个
$(“li”).first().parent() //获得父元素
$(this) //触发的事件内选择自身
$(this).closest(‘vacation’) //获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上
$(‘.vacation’).filter(‘.onsale’) //过滤出class = vacation的元素,再过滤出class=onsale的元素。这样选择的效率比$(‘.vacation,.onsale’)高
$(‘.vacation’).filter(':even') //过滤出基数,索引从0开始
$(‘.vacation’).filter(':odd') //过滤出偶数,索引从0开始
吃下早饭准备上班,明天继续。
分享到:
相关推荐
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
jquery学习-----jquery库讲义,更快的了解jquery
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
第0课 - 内容概述 - [精通JavaScript+jQuery] 第1课 - JavaScript背景知识-[精通JavaScript+jQuery] 第2课 - JavaScript基础 - [精通JavaScript+jQuery] 第3课 - CSS基础 - [精通JavaScript+jQuery] 第4课 - CSS...
jquery插件jquery-ui-timepicker-addon.j
jquery.print-preview.js 浏览器打印插件
jquery.ui.datepicker-zh-CN.js
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"> jquery-ui-timepicker-addon.js 原包中的文件 <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel=...
jquery.qtip-1.0.0-rc3.js 弹出层
jquery 学习笔记源码 1-3章
jquery插件jquery-ui-1.8.18.custom.min.js
JQuery类库,内含jquery-1.2.1,jquery-1.2.6,jquery-1.3.2,jquery-1.4.1版本.
jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui
jquery-ui-themes-1.8.12.zip google 社区 jquery-ui-theme ui 主题 资源
jQuery UI Datepicker日期选择插件很好用,但是不满意的是不能精确到时分秒,而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。 使用方法: 1.把下载的文件包含到页面里面 2....
jquery-1.3.2.min-vsdoc jquery-1.4.3.min 等等
jquery-easy-ui-1.3.2
jquery-ui+jquery-ui-rails