注意此代码需要用到jquery的js文件，才可以用所以大家可以先下载一个jquery文件，注意调用路径。代码： 代码如下: jQuery动画基础 .theImage{ position:relative; background:Green; width:100px; } $(function(){ $("#btnShow").click(function(){ //$("#block").show(1000);//没有参数则没有动画效果 //$("#block").fadeIn("slow");//根据透明度显示或隐藏 $("#block").slideDown();//拉下来。只改变高度 }); $("#btnHide...
$("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr("title", function() { return this.src }); 给某个元素添加属性/值 $("元素名称").html(); 获得该元素内的内容（元素，文本等） $("元素名称").html("new stuff"); 给某元素设置内容 $("元素名称").remove...
我知道大家的想法, 放心好了,有些东西是不需要太多的理论知道做为基础, 其实在我们已经掌握JavaScript时,就已经掌握了JQuery的理论知识. 还是入门篇所说的那样,其实JQuery很简单. : )在我们开始学习之前建议大家先去下载JQuery1.3中文参考. 下载地址http://www.gxlcms.com/books/17812.html 好了,进入正题. 再次申明JQuery很简单,take easy! 从那开始呢? 最好的切入地方就从 ready 函数开始!定义ready(fn);功能 这是事件模块中...
本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!?BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识.JQuery是什么 JQuery只是一个JS文件人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单.JQuery其实就是一个工具包,很多常用的功能已经被好...
jQuery入门指南教程 这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效果。 内容提要 安装 Hello jQuery Find me:使用选择器和事件 Rate me:使用AJAX Animate me(让我生动起来):使用FX Sort me(将我有序化):使用tablesorter插件...
JavaScript/CSS/DOM基础 第0课 - 内容概述 第1课 - JavaScript背景知识 第2课 - JavaScript基础 第3课 - CSS基础 第4课 - CSS进阶 第5课 - DOM模型 JavaScript开发进阶 第6课 - JavaScript事件 第7课 - 表格与表单 第8课 - Javascript调试与优化 第9课 - Ajax jQuery应用 第10课 - jQuery基础 第11课 - jQuery控制页面 第...
jQuery 的plugin开发需要注意的事情,1. 明确jQuery的命名空间只有一个。2. 明白options参数用来控制plugin的行为。3. 为默认的plugin设定提供公共的访问权限。4. 为子函数提供公共的访问权限。5. 私有的函数绝对是私有访问6. 支持metadata plugin。我将会在下面的例子中一个一个的说明上面这几个条件,做完这些事情后我们就会创建一个高亮显示text的简单插件。 1. 明确jQuery的命名空间只有一个...
小试了下AJAX，感觉比prototype简洁多了，在JQuery中，AJAX有三种实现方式：$.ajax(),$.post,$.get()。 XHTML(主要): 提交 POST提交 GET提交 JS: 1、引入jquery框架： 2、构建AJAX，JQUERY的好处是不需要在XHTML中使用JS代码来触发事件了，可以直接封装在JS文件中： //$.ajax()方式 $(document).ready(function (){ $('#send_ajax').click(function (){ //直接把onclick事件写在了JS中，而不需要混在XHTML中了 var params=$('i...
会JS的请绕行，本文对你太白痴；不会HTML和CSS的请绕行，你可能会看不懂下面的内容。（英文最好也会一点，不然会很麻烦） 什么是jQuery？ jQuery是一个JavaScript库，白痴解释就是一个JavaScript工具箱，很多现成的工具，想用什么就拿什么。省去了自己重新编写代码的烦恼，对于像我一样的JS白痴，更是容易上手。 jQuery能做什么？ 他能让你的页面产生很多让人惊喜的动态效果，简单的说就是让你的网站更加漂亮，这里有很多不同的效果...
.clearQueue()：移除队列中还没有运行的所有函数 clearQueue()的作用与stop(true)很类似，简化了stop(true)，在1.4后stop()主要用于终止动画，而终止队列函数使用clearQueue()，clearQueue()接受一个参数：队列名称，即移除特定队列。 来看demo： clearQueue() $(function(){ }) div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:50px; background:green; display:none; } div.newcolor { backgr...
简单的请求，简单的响应，但是乱码产生了Why? 乱码之所以产生，原因很简单，无非就是编码表用错了，如传的是big5字符，接收却使用utf-8，或utf-8编码，却用GB2312解码。好吧，先确认一下是否请求过程中产生的乱码那我发过去的是乱码吗?打开C:/tmp/下的test.txt这是什么编码，猜一猜?看来客户端没错，且正确地到了服务器端了，那应该是asp.net搞错了编码了，HttpRequest类里找下有没有相关的Encoding相关的属性看看web.config吧测试...
1 允许序列化嵌套的参数。 比如：{foo: ["bar", "baz"]} 将被序列化成foo[]=bar&foo[]=baz，而不是序列化成以前的foo=bar&foo=baz。 如果你想要使用旧的序列化方式，有三种设置方法： 代码如下: jQuery.ajaxSettings.traditional = true; jQuery.param( stuff, true ); $.ajax({ data: stuff, traditional: true }); 2 自动检测json和javascript的数据类型。 1.4后返回json或javascript可以不用设置dataType 了，将会根据applica...
便利的设置函数 jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数。比如：.css(), .attr(), .val(), .html(), .text()。 这说法很抽象，来看示例 http://demo.jb51.net/js/jquery1.4/jquery_1.htm 便利的设置函数 $(function(){ $("#btn1").click(function(){ $('#a1').html(function(i,html){ return html.replace(/。/g,'！已经被替换'); }); }) $("#btn2").click(function(){ $('#a1').attr("title",func...
幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣？那就看一下本文列出的jQuery插件吧！1. jFlow 官方网站 | 演示 一个漂亮而整洁的图片幻灯，被nettut推荐，如果你想自己做一个图片幻灯效果，就去看看吧。2. 使用jQuery UI实现推荐内容的幻灯展示 官方网站 这是一个教你如...
本教程分为以下三步： Step1 - Photoshop Step2 - HTML/CSS Step3 - JavaScript(jQuery) Step4 - CSS修改最终结果如下：Step1 - Photoshop 1. 新建文件按钮的尺寸是100px X 80px，但由于我们需要创建一个有两种状态的CSS sprite背景图，所以我们在Photoshop中创建（Ctrl+N）一个长宽为200px X 160px的图片文件，如下图：2. 创建参考线为了使绘制按钮更容易，我们创建参考线，从标尺中拉出参考线，如果你找不到标尺，可以按Ctrl+R显...