A-A+

《jquery基础教程》第四版学习笔记(草稿)

2016年03月21日 读书有得 暂无评论

需要注意的地方。

第一章:jquery入门

引用jQuery库文件的<script>标签,必须放在引用自定义脚本文件的<script>标签之前。

匿名函数, 特别适合传递那些不会被重用的函数。

第二章:选择元素

子元素、父元素、同辈元素、祖先元素的区别。

为考虑性能,能使用原生方法,就尽量不频繁使用自定义选择符。

:eq()选择符、 :odd和:even选择符都使用JavaScript内置从0开始的编号方式。

nth-child()选择符相对于元素的父元素而非当前选择的所有元素来计算位置。 jQuery中唯一从1开始计数的选择符。

为所有外部链接添加一个类:

$('a').filter(function() {

 return this.hostname && this.hostname != location.hostname;

}).addClass('external');

几乎所有jQuery方法都会返回一个jQuery对象,因而可连缀调用多个jQuery方法。

get([index])

取得其中一个匹配的元素。 num表示取得第几个匹配的元素。从0开始,返回的是DOM对象,类似的有eq(index),不过eq(index)返回的是jQuery对象。

这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。

第三章  事 件

$(document).ready()与 window.onload的区别。

如果带着圆括号,函数会被立即调用;没有圆括号,函数名就只是函数的标识符或函数引用,可以用于在将来再调用函数。

onload属性一次只能保存对一个函数的引用。

jQuery.noConflict()方法,调用该方法可以把对$标识符的控制权让渡还给其他库。

.on:在选择元素上绑定一个或多个事件的事件处理函数。

.removeClass()方法的参数是可选的,即当省略参数时,该方法会移除元素中所有的类。

事件对象是一种DOM结构,它会在元素获得处理事件的机会时传递给被调用的事件处理程序。

.stopPropagation()方法可以完全阻止事件冒泡。.preventDefault()方法则可以在触发默认操作之前终止事件。 

事件传播和默认操作是相互独立的两套机制,在二者任何一方发生时,都可以终止另一方。

事件委托。利用的就是冒泡。

事件命名空间,即在绑定事件时引入附加信息,以便将来识别特定的处理程序。

.off():在选择元素上移除一个或多个事件的事件处理函数。

使用命名函数时,必须省略函数名称后面的圆括号。圆括号会导致函数被调用,而非被引用。

第四章  样式与动画

parseFloat()函数只取得字体大小属性中的数值部分。

指定显示速度: .show()或.hide()。 slow、fast

淡入和淡出: . .fadeIn()

.滑上和滑下:slideDown() .slideUp()

切换可见性: .toggle()、 .slideToggle()

.animate(): 包含样式属性及值的对象、 可选的时长参数(数值或字符串)、 可选的缓动(easing)类型、 可选的回调函数

在改变元素的定位属性之前试图移动它们,它们只会保持静止不动。

.queue()方法:把非效果方法添加到队列中。

第五章 操作DOM 

值回调其实就是给参数传入一个函数,而不是传入具体的值。这个函数会针对匹配的元素集
中的每个元素都调用一次,调用后的返回值将作为属性的值。

HTML属性是指页面标记中放在引号中的值,而DOM属性则是指通过JavaScript能够存取的值。

取得和设置表单控件的值时,最好不要使用.attr()方法。用 .val()。

insertAfter()方法及其对应的.insertBefore()方法,都是在指定的元素外部插入新内容。

.wrapAll()将所有匹配的元素用单个元素包裹起来;.wrap把所有匹配的元素用其他元素的结构化标记包裹起来。

默认, .clone()不会复制匹配的元素或其后代元素中绑定的事件,若传递一参数值为true,则可连同事件一起复制。

.text()始终会取得或设置纯文本内容。

第六章 通过Ajax发送数据

所有Ajax请求在默认情况下都是异步的。

JSON规定所有对象键以及所有字符串值,都必须包含在双引号中。并且函数也不是有效的JSON值。

jQuery.getJSON(url, [data], [callback]):通过 HTTP GET 请求载入 JSON 数据。

4种外部数据的格式的优缺点、适用场景。

 

标签:
Copyright © 花未全开月未圆 保留所有权利.   Theme  Ality

用户登录