jQuery 就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css("name","value") $(selector).css({properties}) $(selector).css(name) $(selector).css("name","value")为所有元素给定CSS属性设置值： 下面看我刚写的代码 代码如下: var jq=jQuery.noConflict(); jq(document).ready(function(){ jq("#red").click(function(){ jq("p").css("background-color","red"); ...
基础知识： 想要结构与行为分离当然不能使用之类的东西了，js是写在之间的，那就说起了 window.onload——这不是一个好东西，所以就有了Jquery颇具创意的 代码如下: $(document).ready(funciton(){ … }); 当然还会更精简： 代码如下: $(function(){ … }); 所以我的第一个Jquery脚本就是这样的。 $(function(){alert("Im ready")}); Jquery对象的方法与DOM对象的方法是不能混合使用的。例如$("#id").innerHTML或者document.ge...
选择器 从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。 还是复习一下Jquery的选择器吧 其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。 其中选择器类别可分为以下类别： 标签选择器：p{CSS rules} id选择器：#ID{CSS rules} 类选择器：.Cla...
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基本信息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和addCl...
实现可编辑的表格demo： 实例图： 代码： 代码如下: 结果为集合。 3.在事件中$(this)将返回此控件的jquery对象。 4.children("input")表示取所有子元素包含input的jquery对象，结果为集合。 5.css("border-width", "0")表示设置css属性的值。 6.trigger("focus").trigger("select")表示设置事件先触发focus，再触发select。 7.keyup(function(event) {var keycode = event.which;})表示注册键盘事件，参数event的which属性存储键...
一、下载官方网址是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//当 datatype 为"local" 时需填写 var grid_data = [{ id: "00001", type: "退货出库", pay: "1000", name: "abc", text: "ccc" }, { id: "00002", type: "退货出库", pay: "1000", name: "abc", text: "aaa" }, { id: "00003", type: "退货出库", pay: "1040.06", name: "abc", text: "ddd" }]; var grid_selector = "#grid-table"; var pager_selector = "#grid-pager"; $(document).ready(functi...
1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下: <script type="text/javascript" src="jquery.js"></ script> $(document).ready(function(){ $("a").click(function(event){ alert("As you can see, the link no longer took you to jquery.com"); event.preventDefault(); }); }); http://jquery.com/">jQuery 代码解释...
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中有.和：时，前面...
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.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素，相当于将css样式中的display:none. 我们也可以在函数中加入参数，具体如下： show("slow"); 除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒 我们也可以加如具体时间取值。具体如下： slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式： .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下: $(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子： 代码如下: $(function(){ $(#id1).hover(function(){ $(#id2...
一.节点的操作 1.查找节点： var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如：var $ul_1=$("ul");2.创建并追加节点： var $var_1=$("");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子：var $li_1=$("香蕉");$("ul").append($li_1);其中插入方法有以下几种：append() 把B追加到A内部（所有的A元素，以下类似） appendTo() 把A追加到B内部 prepend() ...
什么是DOM对象？ HTML是以树形结构来组织文档的，具体如下: 代码如下: 1-4 //等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象："+domObj.innerHTML); alert("jQuery对象："+$jQueryObj.html()); }); 例子 你最喜欢的水果是? 苹果 橘子 菠萝 上面的HTML文件的DOM树如下： 什么是j...