jQuery权威指南学习笔记

简介: jQuery权威指南学习笔记

快速生成HTML模板:

首先输入"!",然后点击"Tab"

ready与onload区别

  1. 执行时间不同:$(document).ready在页面DOM模型加载完毕后就执行;而wondow.onload必须在页面全部元素加载完毕(包括图片下载)后才能执行多个,但仅输出一个执行结果,无法完成多个结果的输出。
  2. ( d o c u m e n t ) . r e a d y ( f u n c t i o n ( ) ) 可 以 简 写 成 (document).ready(function(){})可以简写成(document).ready(function())(function(){}),仅此下面的代码是等价的。
  3. 执行数量不同:$(document).ready可以重复写多个,并且每次执行结果不同;而window.onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。

链式写法

$(#divTitle).addClass(“divCurrColor”).next(".divContent").css(“display”, “block”); // 在id为divTitle的节点上添加divCurrColor类,然后将dicContent类对应的节点的样式改成显示block状态

判断某个按钮是否被按下

$("#Radio").is(":checked") 表示ID为"Radio"的按钮是否被选中

层次选择器

过滤选择器

过滤选择器根据某类过滤郭泽进行元素的匹配,书写时都以冒号(:)开头。

内容过滤选择器

内容过滤选择器根据元素的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位。

可见性选择器

可见性选择器根据元素是否可见的特征获取元素。

属性过滤器

属性过滤器根据元素的某个属性获取元素,如ID号或者匹配属性值的内容,并以"[“号开始,以”]"号结束。

子元素过滤选择器

表单选择器

float属性

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

display属性

如果内容可见

if($(".clsContent").is(":visible")) 

改变图片

$(".myImg").attr("src","Image/a1.png");

隐藏图片

$(".myImg").css("display", "none")

隐藏indx号大于4且不是最后一项的元素

$("ul li:gt(4): not(:last)").hide();

各种动画方法说明

使用animate()方法代替其他动画效果

相关文章
|
8月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
9月前
|
JavaScript 前端开发 Java
HTML+CSS+JS 学习笔记(四)———jQuery
HTML+CSS+JS 学习笔记(四)———jQuery
|
JavaScript 前端开发 索引
JavaScript学习笔记(五) jQuery
JavaScript学习笔记(五) jQuery
70 0
|
Web App开发 JavaScript 前端开发
jQuery学习笔记——jQuery基础
什么是jQuery?jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less,do more”,倡导用更少的代码,做更多的事情。通过这段时间的学习,我感觉jQuery是一个“语法糖”,就像是包在糖果外面的包装,让js看起来更好看。
104 0
|
JavaScript 前端开发 API
jquery学习笔记
1.jquery是一个框架,是javasript框架。 2.jquery能做什么? *取得页面中元素,遍历DOM(document object model文档对象模型)树,jquery为了准确的获取需要检查活操纵的文档元素,提供了可靠而富有效率的选择符机制。
63 0
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(二)
html+css+js+jQuery学习笔记
149 0
html+css+js+jQuery学习笔记(二)
|
前端开发 测试技术
html+css+js+jQuery学习笔记(一)
html+css+js+jQuery学习笔记
108 0
html+css+js+jQuery学习笔记(一)
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(三)
html+css+js+jQuery学习笔记
104 0
html+css+js+jQuery学习笔记(三)
|
JavaScript 前端开发 开发者
最好不用 jquery |学习笔记
快速学习 最好不用 jquery
136 0
|
JavaScript 前端开发 开发者
使用 jquery 获取跨域数据| 学习笔记
快速学习使用 jquery 获取跨域数据。
214 0