`

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>
 
分享到:
评论

相关推荐

    jQuery文档处理.

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将深入探讨jQuery在文档处理方面的核心功能和实用技巧。 一、选择器(Selectors) ...

    person-plugins

    【描述】"Cloud.chen与Anna.su平常练习用Jquery随笔,person-plugins"说明了这个项目是两位开发者在日常学习过程中积累的成果。"Jquery随笔"可能包含了他们对JqueryAPI的理解、应用示例,以及针对特定需求的定制化...

    初识jQuery

    **初识jQuery** jQuery是一个广泛应用于Web开发的JavaScript库,它的设计目的是简化HTML文档遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery因其易用性和丰富的功能集,成为了开发者们的首选工具之一...

    .jQuery动画效果

    在“jQuery动画效果”这个主题中,我们将深入探讨jQuery如何帮助开发者创建吸引人的、动态的用户界面。 1. **基本动画** jQuery 提供了一系列的基本动画方法,如 `fadeIn()`, `fadeOut()`, `slideToggle()` 和 `...

    jQuery插件

    jQuery插件是JavaScript库jQuery生态系统中的重要组成部分,它极大地扩展了jQuery的核心功能,为开发者提供了丰富的功能和便捷的API,从而简化网页开发和交互设计。jQuery的流行在于其简洁的语法和对DOM操作的高效...

    jQuery-LigerUI框架

    jQuery LigerUI框架是一款基于jQuery的轻量级前端开发框架,专为构建高效、美观的Web应用程序而设计。它提供了一系列丰富的组件,如表格、表单、对话框、菜单、按钮、日期选择器等,帮助开发者快速实现界面交互功能...

    jQuery选择器

    **jQuery选择器详解** jQuery库以其简洁易用的API闻名,其中最重要的部分之一就是选择器。选择器在jQuery中扮演着查找HTML元素的关键角色,使得开发者可以轻松地选取DOM中的特定元素进行操作。本文将深入探讨jQuery...

    jQuery表格插件

    jQuery表格插件是一种广泛应用于网页开发中的工具,它利用JavaScript库jQuery的强大功能,为开发者提供了一种简单、高效的方式来创建和操作动态、交互式的表格。这些插件通常包含丰富的功能,如排序、过滤、分页、...

    jQuery表单插件

    jQuery库本身提供了丰富的DOM操作、事件处理和动画效果,而表单插件则是在此基础上进一步扩展,专注于表单元素的交互、验证、美化等功能。在本主题中,我们将深入探讨jQuery表单插件的核心概念、常用插件以及它们...

    jQuery事件处理

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、动画效果以及事件处理。本篇文章将深入探讨jQuery中的事件处理机制,帮助你更好地理解和应用这一强大的工具。 jQuery事件处理提供了简单...

    基于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取得数据所需数据,所以我们只能从自建的容器发布...

    RIA应用开发课程简介

    2. jQuery入门:熟悉jQuery的基本语法和常用API。 3. DOM操作与选择器:深入理解jQuery的选择器系统,掌握DOM元素的操作。 4. 事件处理与事件委托:学习事件绑定和事件冒泡,实践事件委托技巧。 5. 动画与效果:创建...

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

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

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

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

    个人网站(bootstrap+css)

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

Global site tag (gtag.js) - Google Analytics