JQuery 无废话系列教程(一) jquery入门 [推荐]

JQuery 无废话系列教程(一) jquery入门 [推荐]的相关文章

• 
  jQuery 练习[一] 学习jquery的准备工作

  标签：Web开发

  使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]

  苏烟·来一根

  81
• 
  jQuery 开天辟地入门篇一

  标签：Web开发

  一.摘要 二.前言 三.什么是jQuery jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要...[ 查看全文 ]

  songnan26788

  31
• 
  jQuery 插件开发 其实很简单

  标签：Web开发

  经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。 a)样式 很多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属性：position,margin,padding,width,height,left,top,float,border,background... UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果的协调。举...[ 查看全文 ]

  向往人间真爱

  91
• 
  初试jQuery EasyUI 使用介绍

  标签：Web开发

  打包下载 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。 OK，下面就开始我们的初探之...[ 查看全文 ]

  LL170063

  261
• 
  Jquery 学习笔记（二）

  标签：Web开发

  选择器 从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。 其中选择器类别可分为以下类别： 标签选择器：p{CSS rules} id选择...[ 查看全文 ]

  75l9289

  01
• 
  jQuery animate效果演示

  标签：Web开发

  animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。br / 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。 注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到...[ 查看全文 ]

  老死往来

  501
• 
  jQuery slider Content(左右控制移动)

  标签：Web开发

  不错的效果。好多文字广告可以这样控制。 script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script script type="text/javascript" function animate(dir, step) { var position; position = parseInt($("#content").css("margin-left")); var contentwidth; var sliderwidth; contentwidth = parseInt($("#content").css("width")); sliderwidth = parseInt...[ 查看全文 ]

  一哥阳王

  91
• 
  LazyForm jQuery plugin 定制您的CheckBox 

  标签：Web开发

  打包下载 在下面浏览器下测试通过：Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧），其它浏览器还没试过。 目前刚添加了4个皮肤，添加新皮肤非常方便，您可以参考已添加的皮肤图片和css代码，相信您会很快搞定。 效果截图： 一、在没有使用LazyForm的情况下，在XP下运行截图如下 二、使用LazyForm(皮肤Blue)效果如下 三、使用LazyForm(皮肤Black)效果如下 四、皮肤Default 五、皮肤Gray ...[ 查看全文 ]

  LWJ随缘

  31
• 
  jQuery DOM操作 基于命令改变页面

  标签：Web开发

  打包下载 呃，貌似是广告哈？呵呵，不过的确是这样，jQuery为我们提供了丰富的DOM操作方法，使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了，这一节也确实有必要写一下了，呵呵，Let's Go~ 操作属性： 之前，我们说过.addClass()及.removeClass()方法，更改的其实也是DOM的属性：className。 说到这就得再提一下，为啥元素的类名叫做className而不是直接叫class，因为cla...[ 查看全文 ]

  新空晨阳

  111
• 
  Jquery find与filter函数区别 说明

  标签：Web开发

  find()会在div元素内 寻找 class为classname的元素。 filter()则是筛选div的class为classname的元素。 基本是find子元素找，filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围; ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系); ·filter 的参数...[ 查看全文 ]

  我是上官小九

  21
• 
  jQuery入门 构造函数

  标签：Web开发

  JQuery优点 ◦体积小（v1.2.3 15kb） ◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera） ◦链式代码 ◦强大的事件、样式支持 ◦强大的AJAX功能 ◦易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表...[ 查看全文 ]

  三分黑丝

  21
• 
  jquery css 选择器演示代码

  标签：Web开发

  效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...[ 查看全文 ]

  yellowcatzy

  51
• 
  Jquery change(fontsize,background) 改变颜色与背景

  标签：Web开发

  change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...[ 查看全文 ]

  从不穿裤裤的我

  71
• 
  jQuery AnythingSlider滑动效果插件

  标签：Web开发

  打包下载 jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—AnythingSlider 滑动 在一个固定区域，循环显示几段内容，这种方式很...[ 查看全文 ]

  可爱的贝贝麻麻

  231
• 
  jquery 弹出公告功能代码

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...[ 查看全文 ]

  萌小猫hy

  2081
• 
  jQuery TextBox自动完成条

  标签：Web开发

  代码如下： 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head runat="server" title无标题页/title style type="text/css"!-- .mouseEnter { background-...[ 查看全文 ]

  go薇妞

  71
• 
  JQuery 插件制作实践 xMarquee插件V1.0

  标签：Web开发

  打包下载 插件需求 1，向左或者右移动列表中的元素.(注，上下方向也一样的，用css控制列表元素float的方向即可～) 2，鼠标移动到某个元素上时，改元素突出显示(css控制)，播放器停止滚动。移开后继续跑马。。 3，可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动；移动时的效果；移动后的回调函数；（注：利用移动后...[ 查看全文 ]

  逆流成名

  171
• 
  jQuery 入门级学习笔记及源码

  标签：Web开发

  打包下载 jQuery真的很好，有些效果甚至让我尖叫。而各种插件能实现你喜欢的效果，这种方式为jQuery的流行奠定了基础，就像那个crocs鞋子似的。jQuery还有一个优点是达到了将行为与结构分开的目的。 内容概要： 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用AJAX 5. Animate me(让我生动起来):使用FX (jQuery FX，jQuery UI后的第二个子库，强调动画效果而非UI的外观模块，...[ 查看全文 ]

  小草青青双鱼

  11
• 
  jquery toggle faq 春江花月夜版

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title豪情/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle dt{cursor:pointe...[ 查看全文 ]

  Time困心

  21
• 
  jquery (show,fadeOut,Animate)简单效果

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head titlejquery/title style type="text/css"!-- #spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; } --/style script src="http://jqueryjs....[ 查看全文 ]

  一只小朱天上飞

  171