DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...
1. 使用class与id选择HTML元素 选择id为"myDivId"的元素.由于id是唯一的，所以总是选择到1个或0个元素 代码如下:$(#myDivId) 选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 代码如下:$(.myCssClass) 获取或设置元素的值 代码如下:var myValue = $(#myDivId).val(); // get the value of an element $(#myDivId).val("hello world"); // set the value of an element 选择id中有.和：时，前面添加...
1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下:<!DOCTYPE html><BR><html lang="en"><BR><head><BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><BR> <script type="text/javascript" src="<SPAN style="COLOR: #ff0000"><STRONG>jquery.js</STRONG></SPAN>"></script></PRE> <PRE class=brush> <script type="text/javascript"><BR> <SPAN styl...
一、下载官方网址是http://jquery.com/官方下载地址：http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compressed（Minified version）和Uncompressed（Source version）前者...
实现可编辑的表格demo： 实例图： 代码： 代码如下:<!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> <script type="text/jscript" src="jquery-1.4.2.min.js"></script> <script type="text/jscript" language="javascript"> //简化的ready写法:页面加载完成时候...
jquery基本信息jquery的官方网站：www.jquery.comjquery解释： 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.使用jquery的get、ajax、load三个方法向后台提交数据。3.使用jquery的removeClass和...
jQuery真的很好，有些效果甚至让我尖叫。而各种插件能实现你喜欢的效果，这种方式为jQuery的流行奠定了基础，就像那个crocs鞋子似的。jQuery还有一个优点是达到了将行为与结构分开的目的。 内容概要： 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用AJAX 5. Animate me(让我生动起来):使用FX (jQuery FX，jQuery UI后的第二个子库，强调动画效果而非UI的外观模块，包括对象的消失、出现；颜色、大小、位置变...
选择器 从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。 其中选择器类别可分为以下类别： 标签选择器：p{CSS rules} id选择器：#ID{CSS rules} 类选择器：.Cla...
基础知识： 想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了，js是写在<head>之间的，那就说起了 window.onload——这不是一个好东西，所以就有了Jquery颇具创意的 代码如下:$(document).ready(funciton(){ … }); 当然还会更精简： 代码如下:$(function(){ … }); 所以我的第一个Jquery脚本就是这样的。 $(function(){alert("Im ready")}); Jquery对象的方法与DOM对象的方法是不能混合使用的。例如...
本章主要先对Jquery的选择器进行说明下,本人也不敢说讲解,哈,因为我也是正在学习中,本系列文章所写目的只在与对自己学习过程中的心得等记录下来,一方面加强自己的印象,另一方面共享下学习的经验,呵,小弟刚开始写这种文章，希望大家多多支持^^，有哪些方法不好可以跟贴指导指导^^ 现在,让我们一起开始在JQuery的世界里飞翔吧^^ 首先,本章先来学习JQuery最基本的选择器的使用咯 先声明下,使用JQuery最基本的规则 $(document).ready(f...
代码如下:<!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(){ ...
代码如下:<!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 src="js/jquery-1.3.2.js" ></script> <script type="text/javascript"><!-- $(function(){ $("#aDescendant").click(func...
代码如下:<!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 src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aFirst").click(function()...
jQuery 就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css("name","value") $(selector).css({properties}) $(selector).css(name) $(selector).css("name","value")为所有元素给定CSS属性设置值： 下面看我刚写的代码 代码如下:<html><head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script> <script type="t...
代码如下:<!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 src="js/jquery-1.3.2.js"></script> <script type="text/javascript"><!-- $(function(){ $("#aContains").click(fun...