锋利的jquery源码_锋利的jquery第三版

文章目录：

• 1、jquery怎么学
• 2、买了本锋利的jquery第二版，对应的版本下载哪个呢？
• 3、锋利的jquery 做表格筛选，标点符号，contains方法
• 4、简单易懂的jQuery导航(三级菜单)源码
• 5、锋利的jquery目录
• 6、如果把锋利的jquery看完能到什么水平啊

jquery怎么学

刚开始我也觉得无从下手不过在项目开发的时候看了别人几个代码稍微了解了一下后就开始要学了我是买的《锋利的jquery》来学的，那个时候是拿着书来学习的，从网上下的源代码。 现在，网上也有了这个电子版书籍，还有源代码，特别适合初学者，深入浅出，是真正的从入门到精通书籍。 强烈推荐这本书…… 给你个链接你下载来看看吧，虽然只是源码，但是源码很独立，就像武功招式，有用，但是还是需要内功，就是书籍来充实理论知识，希望能帮到你……

买了本锋利的jquery第二版，对应的版本下载哪个呢？

基本学习的话，你暂时不需要考虑版本，因为你学习都是基础的api。jquery里面基础的api每个版本基本上没动，每个版本的差异都是在内部做的兼容或者一些动画方法的增加或者删除。

当然，注意一点就行了，2.0.0版本不支持IE8一下的浏览器，1开头的版本是全部支持的，

锋利的jquery 做表格筛选，标点符号，contains方法

contains('"+( $(this).val() )+"')

这个函数是需要传递一个静态字符串的，，，，而 $(this).val() )是获取的当前对象的值，

字符串的拼接是需要+号连接的。

简单易懂的jQuery导航(三级菜单)源码

!-- 三级操蛋导航 --

div class="d400-62c3-b8be-bb27 nav_left"

div class="62c3-b8be-bb27-cb10 nav_leftlist"

h2b/b用户系统/h2

dl

dtb/b用户管理/dt

dd

a class="b8be-bb27-cb10-b26c cur" href=""商户信息b/b/a

a href=""用户信息b/b/a

/dd

/dl

/div

div class="bb27-cb10-b26c-0121 nav_leftlist"

h2b/b财务系统/h2

dl

dtb/b系统账务/dt

dd

a href=""平台账单b/b/a

a href=""账单明细b/b/a

/dd

/dl

dl

dtb/b商户账务/dt

dd

a href=""商户账单b/b/a

a href=""提现管理b/b/a

/dd

/dl

dl

dtb/b用户账务/dt

dd

a href=""用户账单b/b/a

a href=""提现管理b/b/a

/dd

/dl

/div

/div

style

.nav_left{background: #232b35;height: 100%;width: 220px;min-height: 600px;position: fixed;top: 100px;left: 0;}

.nav_leftlist{}

.nav_leftlist h2{height: 50px;line-height: 50px;padding-left: 40px;font-size: 16px;background: #3b444f;color: #999999;position: relative;cursor: pointer;}

.nav_leftlist h2 b{position: absolute;top: 20px;left: 13px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 0;cursor: pointer;}

.nav_leftlist h2 b.cur{background-position: -16px 0;}

.nav_leftlist dl{}

.nav_leftlist dl dt{height: 50px;line-height: 50px;background: #2c3643;font-size: 16px;color: #ffffff;padding-left: 60px;position: relative;cursor: pointer;}

.nav_leftlist dl dt b{position: absolute;top: 20px;left: 34px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 -10px;}

.nav_leftlist dl dt b.cur{background-position: -16px -10px;}

.nav_leftlist dl dd{}

.nav_leftlist dl dd a{display: block;height: 50px;line-height: 50px;color: #fff;padding-left: 80px;font-size: 16px;position: relative;}

.nav_leftlist dl dd a.cur{color: #ee581c;}

.nav_leftlist dl dd a.cur b{display: block;position: absolute;top: 16px;right: -1px;width: 11px;height: 18px;background: url(../images/icon04.png) no-repeat;background-position: 0 -20px;}

/style

/body

script type="text/javascript" src="../js/jquery.js" /script

script type="text/javascript" 

$(function(){

$('.nav_leftlist').on('click', 'h2', function(event) {

$(this).siblings('dl').toggle();

if($(this).siblings('dl').css('display')=='none'){

$(this).find('b').addClass('cur');

}else{

$(this).find('b').removeClass('cur');

}

});

$('.nav_leftlist').on('click', 'dl dt', function(event) {

$(this).siblings('dd').toggle();

if($(this).siblings('dd').css('display')=='none'){

$(this).find('b').addClass('cur');

}else{

$(this).find('b').removeClass('cur');

}

});

})

/script

效果图：

锋利的jquery目录

第1章　认识jQuery

1.1　JavaScript和JavaScript库

1.1.1 JavaScript简介

1.1.2 JavaScript库作用及对比

1.2 加入jQuery

1.2.1 jQuery简介

1.2.2 jQuery的优势

1.3 jQuery代码的编写

1.3.1 配置jQuery环境

1.3.2 编写简单的jQuery代码

1.3.3 jQuery代码风格

1.4 jQuery对象和DOM对象

1.4.1 DOM对象和jQuery对象简介

1.4.2 jQurey对象和DOM对象的相互转换

1.4.3 实例研究

1.5 解决jQuery和其他库的冲突

1.6 jQuery开发工具和插件

1.7 小结

第2章 jQuery选择器

2.1 jQuery选择器是什么

2.2 jQuery选择器的优势

2.3 jQuery选择器

2.3.1 基本选择器

2.3.2 层次选择器

2.3.3 过滤选择器

2.3.4 表单选择器

2.4 应用jQuery改写示例

2.5 选择器中的一些注意事项

2.5.1 选择器中含有特殊符号的注意事项

2.5.2 选择器中含有空格的注意事项

2.6 案例研究——某网站品牌列表的效果

2.7 其他选择器

2.7.1 jQuery提供的选择器的扩展

2.7.2 其他使用CSS选择器的方法

2.8 小结

第3章 jQuery中的DOM操作

3.1 DOM操作的分类

3.2 jQuery中的DOM操作

3.2.1 查找节点

3.2.2 创建节点

3.2.3 插入节点

3.2.4 删除节点

3.2.5 复制节点

3.2.6 替换节点

3.2.7 包裹节点

3.2.8 属性操作

3.2.9 样式操作

3.2.10 设置和获取HTML、文本和值

3.2.11 遍历节点

3.2.12 CSS—DOM操作

3.3 案例研究——某网站的超链接和图片提示效果

3.4 小结

第4章 jQuery中的事件和动画

4.1 jQuery中的事件

4.1.1 加载DOM

4.1.2 事件绑定

4.1.3 合成事件

4.1.4 事件冒泡

4.1.5 事件对象的属性

4.1.6 移除事件

4.1.7 模拟操作

……

第5章　jQuery对表单、表格的操作及更多应用

第6章　jQuery与Ajax的应用

第7章　插件的使用和写法

第8章　用jQuery打造个性网站

附录

如果把锋利的jquery看完能到什么水平啊

如果只是理解，只能算初级； 前端包括css2/3+div+javascript（原生）+html5，不只是jquery，jquery只是javascript众多库包中的一个； 如果单纯说jquery的掌握程度，首先jq的函数熟练掌握，中级水平可以开发jq插件，高级水平自己可以扩展jq库。