`

jquery随笔

阅读更多
1.//禁用enter键
$(document).ready(function(){
		 $(this).keydown( function(e) {
	        var key = window.event?e.keyCode:e.which;
	        if(key.toString() == "13"){
	             return false;
	        }
      	  });
	});
2.// '>'为子元素组合副
$(".left_box > ul > li > a").each(function(){
		$(this).find("img,p").hover(function(){
			$(this).css("font-size","16px");
			$(this).next().css("font-size","16px");				   
		},function(){
			$(this).css("font-size","12px");
			$(this).next().css("font-size","12px");
		});	
	});
3.//iframe 操作其他页面
$("#toolbar",window.parent.frames["toolBarFrame"].document).html("当前位置:基本信息 > 我的基本信息");
4.//属性选择器
$("a[href^='mailto']").addClass('mailto');//所有以mailto开始的a链接的href属性
$("a[href$='mailto']").addClass('mailto');//所有以mailto结束的a链接的href属性
$("a[href*='mailto']").addClass('mailto');//所有任意位置包含mailto的a链接的href属性
$("a[href*='mailto'][href$='mailto']").addClass('mailto'); //组合使用
5.//自定义选择符
$('div.horizontal:eq(1)') //带有horizontal类的div集合中选择第二项
$('tr:odd').addClass('alt'); //偶数行添加alt样式
$('tr:even').addClass('alt'); //奇数行添加alt样式
$('tr:nth-child(even)').addClass('alt'); //奇数行添加alt样式(一个页面有多个表格时使用)
$('tr:contains(henry)').addClass('alt'); //找到带有henry字符的tr 区分大小写

4. 从Google Code加载jQuery
Google Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是,如果用户访问那些发布在Google Code上的站点后它会被缓存下来。
这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本,而这些很容易做到,引入:
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
分享到:
评论

相关推荐

    person-plugins

    Cloud.chen与Anna.su平常练习用Jquery随笔 person-plugins

    jQuery树插件zTree使用方法详解

    最近要做一个树结构,就使用了jQuery 的树插件,感觉还不错,做个随笔 页面的基本结构是这样的 这里的样式是使用了metroStyle文件夹里的类bootstrap风格,当然首先需要下载ztree插件,直接百度即可,下载完成后由...

    jQuery构造函数init参数分析

    在我的上一篇随笔里面分析了jQuery的构造函数,jQuery对象中有一个原型方法init才是是真正的构造函数,通过init的原型对象跟jQuery的原型对象保持引用关系使得init的实例可以正常调用jQuery的原型方法,就好像是...

    jQuery插件DataTable使用方法详解(.Net平台)

    上一篇随笔提到了MvcPager,最近用到了一款前端JQ插件——DataTable(简称DT),很好用。 DT是一款前端插件,和后端完全分离开,就这点来看,我就特别喜欢。 一.使用DT,需要以下支持 js:jq+jquery.dataTables.min....

    基于jQuery的消息提示插件之旅 DivAlert&#40;三&#41;

    虽然前面已经写过两篇关于DivAlert的随笔了,也已经实现了我的需求,但是今天发现很多jQuery插件代码中都使用了extend方法,这样确实让默认设置的代码减少了许多。

    Jquery轮播效果实现过程解析

    希望是通过随笔的方式,记录下一些思维过程。 首先是html结构,一个简单的轮播,单张图片无缝轮播,主要分为三大层:div&gt;ul&gt;li,li里面的img图片。 其次,css样式:div固定住宽高,overflow:hidden;ul的宽度建议是...

    基于jquery实现轮播特效

    轮播是学习jquery开始的第二个实现的动效,也是学习时间最久的一个。在实现轮播的过程中总是会遇到各种各样的问题,请教过很多人,也多次问过度娘。今天,也不敢果敢的说,可以马上写好一个轮播。  希望是通过随笔...

    jquery.map()方法的使用详解

    return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, 本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析; 首先了解下map的使用...

    jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一

    上一节随笔中,我们已经知道了关于jQuery插件ImgAreaSelect基本的知识;那么现在看一下实例: 首先,要知道我们应该实现什么功能? (1)图片能够实现上传预览功能 (2)拖拽裁剪图片,使其能够显示裁剪后的区域 (3...

    jquery实现点击TreeView文本父节点展开/折叠子节点

    以前一个现在不用的帐号发布的随笔,现在人肉搬过来吧。 注册用户有一段时间了,一直很忙,到现在还没有写一篇,忽然觉的一定要花点时间记录和总结一些东西。好吧,就从这里开始了。今天客户提出要点击菜单...

    nodejs的HTML分析利器node-jquery用法浅析

    首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布...

    精选的10款用于构建良好易用性网站的jQuery插件

    随笔收集了10款非常给力的jquery 插件,帮助你构建易用性良好的网站,希望对你有用!

    基于jquery的鼠标拖动效果代码

    记得在之前的一个”拖动层”的随笔中,我实现拖动,是用的一个布尔变量,判断是否可以拖动某元素。 这两天看了一些东西,发现不需要设这个布尔变量; 实现过程: 按下鼠标的时候,给文档对象(当然也可以是别的DOM对象...

    jquery网页日历显示控件calendar3.1使用详解

    关于日历控件,我做了好多次尝试,一直致力于开发一款简单易用的日历控件。...我前面的随笔介绍的都是第一种日历,而今天要介绍的Calendar 3.1是第二种日历。有兴趣的朋友可以去我的github主页上查看,https://github

    个人网站(bootstrap+css)

    简单的用bootstrap+css的个人网站, 展示自我介绍、兴趣爱好和个人信息界面,制作表单页面收集用户的姓名、兴趣爱好、联系方式等个人信息。兴趣爱好是多级界面包含旅行随笔、自由出行准备、美食和景点界面。

    springMVC结合AjaxForm上传文件

    最近在项目中需要上传文件文件,之前一直都是form提交的,尝试了一下AjaxForm,感觉还比较好用,写篇随笔mark下,供以后使用。 准备工作: 下载jquery-form.js 相关jar: commons-fileupload-1.1.1.jar commons-io-...

    java版飞机大战源码-dome:学习

    java版飞机大战源码 Awesome 这里是个人的「博客」、「笔记」、「书籍」、「...jQuery》/《jQuery 技术内幕》/《JavaScript 高级程序设计》/《JavaScript 权威指南》 - 参考两本《JavaScript 设计模式》 - 参考《ES

    Frontend-studio:博客网站,用于分享学习和交流

    DEMO开源地址:预览(国外):预览(国内):框架/工具hexohexo-theme-fluidbanner图片库Valine 评论插件fancybox 画廊插件懒加载 lazyload功能需求 研究室介绍演示、代码、demo、截图、文档 文章、技术、随笔、诗词 ...

    Front-end-study-notes:顾名思义,前端学习笔记。里面包括的不仅仅是前端。扎根基础,不做浮水之萍

    是我学习前端知识的随笔,记录着我的理解。 从2020年5月28日开始在GitHub上写笔记,之前一直是在自己电脑上写笔记。 希望能给大家带来帮助(目前还不是很完善,后面会一一补充) [toc] 目录 留着再链接到下面的内容...

    单点登录源码

    jquery-confirm | 弹出窗口插件 | [https://github.com/craftpip/jquery-confirm](https://github.com/craftpip/jquery-confirm) jQuery EasyUI | 基于jQuery的UI插件集合体 | [http://www.jeasyui.com]...

Global site tag (gtag.js) - Google Analytics