1. JavaScript是在浏览器初次相遇时就会执行的，写在头部的JS代码，在浏览器读完头部代码时实际上就会执行了，但是这时HTML的样式还不会呈现，所以要将代码延迟到DOM可用是再执行。如果不是用JQuery，一般直接写的JS都是通过浏览器触发事件来调用JS。初始化是通过<body>的onload事件来触发（body加载完成）。坏处：JS和HTML代码耦合
而JQuery允许我们使用$(document).ready()结构来预定DOM加载完成后（不用等图像加载完）要执行的函数。
好处：JS和HTML代码分离。
2.匿名函数
通过不带函数名称的function关键字，在我们实际需要它的地方（而不是提前。一般函数定义，在使用之前就会解释完成）定义一个函数。在实际执行时才会加载。特别对于几乎不会重用的函数。
3.DOM元素选取函数$(), 会消除使用for循环访问一组元素的需求，因为放到$()内的任何元素都将自动执行循坏遍历，并且保存到一个JQuery对象中。
$('标签名')， $('#ID名')， $('.class名')， $('#ID名 > 子元素名')有多层同名子元素时，只取第一层，$('#ID名 子元素:not(.class名)') 没有相应class的子元素。
可以组合使用，如$('#ID名 .class名') 有ID名的元素内含class名的DOM对象。
还可$(this);
$('标签名[@属性名]') 所有带指定属性的标签。 $('元素名[元素名]') 所有含[]内元素的元素。
属性选择符允许以类似正则表达式的语法来标识字符串的开始(^), 结束($),和任意位置(*)。
例：$('a[@href^="mailto:"]'), 所有带以mailto:开头的href属性的锚元素a。
$('a[@href$=".pdf"]'), 所有带以.pdf结尾的href属性的a。
$('a[@href*="xm.com"]'), 所有带xm.com的href属性的a。
自定义选择符，与CSS中的伪类选择符语法相同，选择符以一个冒号(:)开头。
$('div.类名:eq(1)') 带有指定类的第2个div。 注意：JS数组是从0开始。CSS则是从1开始。
$('tr:odd') 所有奇数行，$('tr:even')所有偶数行。 注意：Table第一行是0开始编号，为偶数行。
内容选择符：contains(), 例： $('td:contains(“对象内容”)')
$('').parent()选取对象的父元素, $('').next选取对象的下一个元素。
$('').siblings()同辈元素。 $('').parent().find(表达式); $('').get(0)第一个元素， 可简写为$('')[0]。
4. 使用$(document).ready()一般都要优于使用onload事件处理程序，但必须要明确的一点是，因为支持文件（图片等）可能还没加载完成，所以类似图像高度和宽度这样的属性此时不一定有效。如果需要访问这些属性，可能就得选择一个onload时间处理程序（类似于jQuery中.load()的方法）。
5. 使用.bind()方法可以指定任何JS事件，并为该事件添加一种行为。
如：$('#ID名').bind('click', function() {});
扫一扫
990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
