码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-29 00:01:09      阅读:354      评论:0      收藏:0      [点我收藏+]

标签:

匿名函数在尤其重要

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

标签:

原文地址:http://www.cnblogs.com/tdws/p/4257379.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!