首页 > 代码库 > 大三在校生的传智120天的1200小时.net(八) 关于JQuery
大三在校生的传智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();
});
});
大三在校生的传智120天的1200小时.net(八) 关于JQuery