JQuery 初体验(建议学习jquery)

JQuery 初体验(建议学习jquery)的相关文章

• 
  jQuery学习5 jQuery事件模型

  标签：Web开发

  jQuery事件模型的功能有： 提供建立事件处理程序的统一方法； 允许在每个元素上为每个时间类型建立多个处理程序； 采用标准的事件类型名称，例如click或mouseover； 使用Event实例可用作处理程序的参数； 对Event实例的最常用的属性进行规范化； 为取消事件和阻塞默认操作提供统一方法。 jQuery绑定事件处理程序： bind()命令 $('img').bind('click',funciton(event){alert('Hi there');}); 该语句为...[ 查看全文 ]

  品味苦辣

  71
• 
  JQuery 学习笔记01 JQuery初接触

  标签：Web开发

  一、下载 官方网址是http://jquery.com/ 官方下载地址：http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上 上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。 官网上下载有两种版本Compressed（Minified version）和Uncompr...[ 查看全文 ]

  Amway锦

  01
• 
  jquery简单体验

  标签：Web开发

  jquery简单体验 query是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby 罢了）但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作为自已唯一的框架类包。使用其间也有一点点心得，其...[ 查看全文 ]

  LY雯926

  21
• 
  学习jQuery之旅--jQuery的经典实例应用

  标签：Web开发

  jQuery 是一个强大的Javascript类库，里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。 在平时的开发中，我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。 jQuery=轻松实现表单验证： 在我们的开发中，常会有注册或是添加信息的时候，难免的我们就会需要对表单进行验证。jQuery对此作出了很好的支持。 jQuery代码 ： Code C...[ 查看全文 ]

  牾J9

  261
• 
  Jquery 基础学习笔记

  标签：Web开发

  1、属性： 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class="btn" //$("input").attr("class","btn"); 2、CSS：为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $("input:submit").addClass("btn"); 3、值：获得第一个匹配元素的当前值 //取的某一按钮的值 //alert($("#Button1").val()); 4、Html代码：取得第一个匹配元素的html内容。这个函数不能用于XML文...[ 查看全文 ]

  其实我不那样

  01
• 
  Jquery 学习笔记（一）

  标签：Web开发

  基础知识： 想要结构与行为分离当然不能使用button onclick="…"/button之类的东西了，js是写在head之间的，那就说起了 window.onload——这不是一个好东西，所以就有了Jquery颇具创意的 代码如下: $(document).ready(funciton(){ … }); 当然还会更精简： 代码如下: $(function(){ … }); 所以我的第一个Jquery脚本就是这样的。 $(function(){alert("I'm ready")}); Jquery对象的方法...[ 查看全文 ]

  藏宝阁689

  51
• 
  jquery 学习笔记一

  标签：Web开发

  jquery基本信息 jquery的官方网站： www.jquery.com jquery解释： jquery是javascript的类库，提供了大量的javascript的类库和API，方便javascript开发。 jquery API中文参考手册： http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html 前台数据提交到后台demo： 实例图： 功能点： 1.使用$("#UserName")获取id为UserName的jquery对象。 2.使用j...[ 查看全文 ]

  哦继续努力

  41
• 
  学习jquery之一

  标签：Web开发

  script src=/jslib/jquery/jquery-latest.pack.js/script  p height=1001学习jquery/p spanval()可以取值;val(s)可以赋值/spanbr/ divinput type="text" id="mm" value="mm"button  id=get取值/button button  id=put赋值/button /div button id=an展开/button div id=test  /divbr span/spanbr/ SCRIPT LANGUAGE="Jav...[ 查看全文 ]

  心暖我伴

  51
• 
  jquery tools 系列 scrollable学习

  标签：Web开发

  代码如下: !-- navigator -- div class="navi"/div !-- prev link -- a class="prev"/a !-- root element for scrollable -- div class="scrollable" div id="thumbs" div img src="http://static.flowplayer.org/img/demos/thumbs/thumb5.jpg" src="http://static.flowplayer.org/img/demos/thumbs/thumb5.jpg" / h3em1. /emAn example title/h3 p Lorem ipsum dolor sit amet, consectetur a...[ 查看全文 ]

  wkwkjdd

  271
• 
  jquery tools系列 expose 学习

  标签：Web开发

  如overlay的学习，首先给出操作的html目标代码： 代码如下: div id="test" expose test! /div div style="margin:0 auto;width:300px" img src="http://flowplayer.org/tools/img/expose/ball_large.png" id="ball" style="width:130px" / /div div style="position:relative;z-index:10000" button type="button" id="btn_open"open div/button button type="button" id="btn_close"close div/b...[ 查看全文 ]

  你我她的奢侈

  221
• 
  jQuery技巧大放送 学习jquery的朋友可以看下

  标签：Web开发

  1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquer...[ 查看全文 ]

  趣多多71

  21
• 
  JQuery CSS样式控制 学习笔记

  标签：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 style type="text/css" .test1{ color:#0C9;} .test2{ color:red;} /style script src="js/...[ 查看全文 ]

  浅殇栀笙

  21
• 
  jquery tools系列 overlay 学习查看

  标签：Web开发

  如scrollable的学习，首先给出操作的html目标代码： 代码如下: button rel="#overlay"Open overlay/button button rel="#overlay2"Other overlay/button div class="overlay" id="overlay" h2 style="margin:10px 0" Here is my overlay/h2 p style="float: left; margin:0px 20px 0 0;" span$$$$$$$$$$/span /p p Class aptent taciti sociosqu ad litora torquent per conubia nostra, per in...[ 查看全文 ]

  steven890412

  381
• 
  Jquery 学习笔记（二）

  标签：Web开发

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

  75l9289

  01
• 
  从Ajax到JQuery Ajax学习

  标签：Web开发

  Ajax篇 XMLDocument和XMLHttpRequest对象 第一：创建XMLHttpRequest请求对象 代码如下： function getXMLHttpRequest() { var xRequest=null; if(window.XMLHttpRequest) { xRequest=new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ xRequest=new ActiveXObject("Microsoft.XMLHTTP"); } return xRequest; } 或者： 代码如下： var request=null; function cre...[ 查看全文 ]

  boy爱玩是天性

  51
• 
  jQuery 学习的几种常用方法

  标签：Web开发

  jQuery事件处理 ready(fn) 代码： $(document).ready(function(){ // Your code here... })； 作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],fn) 代码： $("p").bind("click", function(){ alert(&nb...[ 查看全文 ]

  侯佳蕊蕊

  01
• 
  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全选,jquery全不选,jquery反选

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" head     title全选，不全选，反选/title     script src="js/jquery.js" type="text/javascript"/script     script language="javascript" type="text/javascript"...[ 查看全文 ]

  小熙415

  31
• 
  Jquery 基础学习笔记之文档处理

  标签：Web开发

  主要包括以下几部分：（1）内部插入（2）外部插入（3）包裹（4）替换（5）删除（6）赋值。那我们就开始详细地看一下。 1、内部插入：向一些元素的内部插入内容 (1)append(content) :向每个匹配的元素内部追加内容，追加到元素内部的末尾，比如 描述: 向所有段落中追加一些HTML标记。 HTML 代码: pI would like to say: /p jQuery 代码: $("p").append("bHello/b"); 结果: [ pI would like to say...[ 查看全文 ]

  ylflipped

  01
• 
  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=utf-8" / script src="js/jquery-1.3.2.js"/script script type="text/javascript"!-- $(function(){ $("#aNth1").click(function(){ $("#ul...[ 查看全文 ]

  领导者AH

  01