`

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随笔"可能包含了他们对JqueryAPI的理解、应用示例,以及针对特定需求的定制化...

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

    在本篇随笔中,作者讲述了其对基于jQuery开发的消息提示插件DivAlert的发展和优化过程。DivAlert插件是一种用于在网页中弹出消息提示的工具,它能够为用户提供关于网页操作的反馈信息,如警告、提示、确认等。通过...

    Jquery轮播效果实现过程解析

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

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

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

    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...

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

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

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

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

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

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

    个人网站(bootstrap+css)

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

    2023 html个人主页web大作业 选修课.zip

    例如,使用CSS的关键帧动画(@keyframes)可以让文字在页面上滚动,或者使用JavaScript库如jQuery来实现更复杂的效果,如淡入淡出、滑动显示等。 总的来说,这个压缩包提供了一个完整的HTML个人主页模板,涵盖了...

    springMVC结合AjaxForm上传文件

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

    Own-learning-note:自己学习前端所阅读的书籍及笔记,框架原始资料,知识点思维导图,项目开发过程整理,随笔等

    - **jQuery**:简化DOM操作,提供动画效果,方便事件处理,以及Ajax请求等,是早期前端开发的常用工具。 - **React**:Facebook推出的JavaScript库,用于构建用户界面,尤其适用于单页面应用。它采用组件化开发,...

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

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

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

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

    ajax基础简单易懂教程

    1. **jQuery和库的使用**:jQuery简化了Ajax的使用,提供了`$.ajax()`、`$.get()`、`$.post()`等便捷方法。 2. **Promise和async/await**:现代浏览器支持Promise,可以更优雅地处理异步请求,配合async/await语法糖...

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

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

    说明文档1

    系统的主要功能包括首页、文章管理、留言管理和身份认证,采用的技术栈包括 ASP.NET Core WebApi、Identity Server 4、jQuery 和 EF Core。前端基于开源框架 tabler 开发。 1. **首页**:首页展示了最近发布的文章...

    标签导航

    5. JavaScript(JS)和jQuery:对于动态效果,如悬停高亮、滑动切换等,可以借助JavaScript或jQuery实现。例如,使用`addEventListener`监听点击事件,改变当前选中标签的样式。 以下是一个简单的HTML标签导航示例...

    php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(中)

    文档先提出了这些功能的实现思路,随后对实现这些功能的具体步骤进行了详细的说明,最后还提供了与上篇随笔相对应的主页面代码。以下是对文档中所提到知识点的详细解读: 1. 数据库设计思路: - 动态、评论和回复...

Global site tag (gtag.js) - Google Analytics