大三在校生的传智120天的1200小时.net(八) 关于JQuery

匿名函数在尤其重要

1，jQuery就是js语法写的一些函数，内部仍然用js实现的，所以并不是代替js的。使用jQuery的代码，编写的jQuery的拓展插件仍需要js技术，jq本身就是一堆js函数；write less do more

2，要向使用jq的方法，必须通过$对象。只有普通的dom封装成jq对象，才能调用jq各种方法

$是jq简写，代码中可以使用jQuery代替$

3，写注释，后续jq代码会越来越多，注释是必要的

4，jq文件普通版本是开发使用，压缩版本是发布使用

5，dom对象可以转jq对象，jq对象也可转dom对象    $（dom对象）

6，onload是指页面所有内容加载完成之后执行

     ready是指页面基本标签加载完执行
     一般就用$(function(){ *** });

7，推荐each遍历键值对，map遍历数组

8，有trim方法。

9，dom属性，在jq当中一般都变为方法了

10，

//多条件选择器
$(‘p,#dv,.cls‘)
//层次选择器
$(‘div p‘).css()
层中子元素p，和子元素的子元素p均改变

$(‘div>p‘).css 对<strong><p></p></strong>无效 对<p><p></p></p>有效

//层下面直接挨着的兄弟元素p生效。
$（‘div+p’）

$（‘div-p’）//层后面的所有的p标签生效（兄弟） 侄子外甥不生效
<div></div>
<p></p>
<p></p>
<span><p></p></span>/////无效

11，

$(‘div‘).next().css() //获取当前元素后面的第一个兄弟元素

.nextAll()//所有后面直接的元素，孙子层元素不包括（但是包括p嵌套的p）
.prev() 当前元素前面的第一个兄弟元素
.prevAll();
.siblings 当前元素所有兄弟元素，包括孙子元素
**************
$(‘p‘).length 判断元素是否存在

************
添加类样式
$(‘div‘).addClass(‘cls‘) 类不加点

移除类样式
$(‘div‘).removeClass(‘cls‘)
***********
$(body).toggleClass(cls); 切换有无cls类样式（比如视频开关灯）

12，

$(‘p eq(2)‘).css() //根据索引（下标）获取元素

$(‘p lt(2)‘).css() //索引小于2的两个元素

$(‘p gt(2)‘).css() //索引大于2的元素

13，

//基本过滤选择器
$(‘div:first‘)
$(‘div‘).first()
$(‘div:last‘)
$(‘div‘).last()

$(‘div:even‘) 索引为偶数的

$(‘div:odd‘) 索引为奇数的

14，

星星评分效果代码：
$(function(){
$(‘#tb td‘).mouseover(function(){
$(this).text(‘实心星星‘).prevAll().text(‘实心星星‘);
}).mouseout(function(){

$(this).text(‘空心星星’).siblings();
});
});