JQuery初体验(建议学习jquery)
2023-06-13 09:14:09 时间
在JQuery的网站上发现,这个东东提供两种版本下载。一种是原版,接近120K,另一种是把水分压缩掉的,近60K。太久没做应用技术了,没想到居然出来了这么多新鲜玩意儿,JavaScript还可以压缩水分,所以顺便又去了解了一下JavaScript的Packer(这是在线链接),如果有兴趣,这里可以下载它的.NET、Perl、Wsh和PHP等几个版本。
01$(function(){
02 varindexs=[0,0,0];
03 $(":header").each(function(){
04 varcontent=$(this).html();
05 if($(this).is("h1")){
06 indexs[0]++;
07 indexs[1]=0;
08 content=""+indexs[0]+"."+content;
09 }elseif($(this).is("h2")){
10 indexs[1]++;
11 indexs[2]=0;
12 content=""+indexs[0]+"."+indexs[1]+"."+content;
13 }elseif($(this).is("h3")){
14 indexs[2]++;
15 content=""+indexs[0]+"."+indexs[1]+"."
16 +indexs[2]+"."+content;
17 }
18 $(this).html(content);
19 });
20});
不扯远了,说回正题。压缩版的JQuery的确合适网络传输提速,但压缩后的JQuery只有一行,不怎么适合VCS(版本控制系统)管理。所以还是先用非压缩版的,以后发布产品的时候再压缩就好。
在SVN上创建好项目之后,写了个Readme上去,因为涉及到配置之类的东西,用纯文本写的不方便阅读,所以用HTML写。之所以不用WPS(或Word)写,同样是因为VCS的原因,还是非二进制的文本好控制些。不过HTML里面的Header没得Word的自动编号功能,如果哪天在一堆Header中间插入一个,就要把后面的编号全部打乱,改起来痛苦。所以就想起了JQuery,用它来编号,顺便小试下牛刀。
哈哈,效果还不错。但其实这个代码是第二版了,最开始的时候是按h1、h2、h3来搜索的,处理起来还要麻烦些。特别是h3还放在一个class为content的div里面,用JQuery选项的时候还用到了:first过滤器,像这样:
后来想到,说明里很多路径都是用变量代替的,比如$(PHP_HOME)这样的,不如加个颜色标识,所以又添加了这样一段代码在$(function(){...})中。
还好我所有路径都是用包起来的,只需要把所有.path对象找出来,用正则表达式把$(...)替换成
总的来说,熟悉CSS的人写JQuery还是很快的。看一个简单的教程,再浏览一下JQuery的文档,个把小时,就能把JQuery学会了,而且还很好用。难怪这么多人喜欢!
相关文章
- jQuery.validationEngine.js学习[通俗易懂]
- jquery选择器用法_jQuery属性选择器
- jQuery表单伪类选择器
- jquery简单体验
- jQuery使用个人心得
- JQuery学习笔记01JQuery初接触
- jquery查找select,并触发事件的实现代码
- jquery中dom操作和事件的实例学习仿yahoo邮箱登录框的提示效果
- JQuery的ajax的用法在asp中使用$.ajax()实现
- JQuery-tableDnD拖拽的基本使用介绍
- Jquery.addClass始终无效原因分析
- jQuery学习笔记之总体架构
- jQuery学习笔记之jQuery构建函数的7种方法
- jQuery学习笔记之jQuery.fn.init()的参数分析
- jQuery学习笔记之2个小技巧
- jQuery学习笔记之创建DOM元素
- jQuery实现单击和鼠标感应事件
- js和jquery中循环的退出和继续学习记录