JQuery 小练习(实例代码)

JQuery 小练习(实例代码)的相关文章

• 
  JQUERY操作JSON实例代码

  标签：Web开发

  1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家（大家慢慢去研究） 准备工作： 首先，我们新建个网站（.net2.0就行）. 1.在我们的项目中jquery的js文件。 2.新建一个htm文件，命名为dome.htm吧。 代码如下：（head区的js代码就是实现的全部代码，有详细注释） 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...[ 查看全文 ]

  lin02144

  21
• 
  基于JQuery框架的AJAX实例代码

  标签：Web开发

  index.html 代码如下: html head titlejQuery Ajax 实例演示/title /head script src="./js/jquery.js" type="text/javascript"/script script type="text/javascript" $(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面 $("#button_login").mousedown(function(){ login(); //点击ID为"button_login"的按钮后触发函数 login(); }); }); functio...[ 查看全文 ]

  破叶上的虫

  21
• 
  jQuery 学习入门篇附实例代码

  标签：Web开发

  程序代码 window.onload = function(){ ... } . 访问HTML文档的元素，必须先载入文档对象模型(DOM)。当window.onload函数执行的时候，说明所有东西已经载入，包括图像和横幅等等。要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果，这样就花费了很长的等待时间，这不是我们想要的。 对于此，jquery提供了一个"ready"事件,你可以使用以下的代码片...[ 查看全文 ]

  liuxiaoya你好

  921
• 
  java循环练习的简单代码实例

  标签：编程语言 网络编程

  ★打印九九乘法表 代码如下： public class TestDemo {      public static void main(String[] args){          for(int b=1;b10;b++){              for(int a=1;a=b;a++)                 ...[ 查看全文 ]

  天王盖地虎494

  391
• 
  Jquery cookie操作代码

  标签：Web开发

  用JS写cookies说难也难说简单也简单，说简单就是直接document.cookie=..,直接就写了，说难就是cookies中有的Key已经有了，是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了，有的时候还会发生不能成功写入的情况(有时写需要escape函数的字符会出现，具体原因不清楚)，反正就是很麻烦，后来看到有Jquery的cookies插件，感觉不错，但是跟踪调试的时候发现cookies上面还是多写...[ 查看全文 ]

  思埠河北总经销

  51
• 
  JQuery 常用操作代码

  标签：Web开发

  //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); } else { $("option value='111'...[ 查看全文 ]

  adgjmptw827

  21
• 
  jquery 表单取值常用代码

  标签：Web开发

  jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系，只有第一个会提交的哈哈. }); }); 取下拉菜单选中项的文本； 获取和设置下拉菜单的值； 清空下拉菜单； 给下列菜单添加元素； 取单选框值； 单选或...[ 查看全文 ]

  nyzero

  01
• 
  jQuery入门[4]－链式代码

  标签：Web开发

  jQuery另一个很令人惬意的地方是，一般的代码都是一行一行写，jQuery的代码可以一串一串写。 这一点，在前面的文章中已经介绍过了。 直接来一个Demo: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...[ 查看全文 ]

  卢小苗的店

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

  标签：Web开发

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

  牾J9

  261
• 
  ajax实例入门代码

  标签：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 title无标题页/title script type="text/javascript" src="jquery/jquery.js" //这里不可以用script type="" src="" / /script script type="text/javascript" /* encodeURI 方法 对URL传递的...[ 查看全文 ]

  cityofareams

  131
• 
  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 titlejquery分页控件/title script src="jquery-1.3.min.js" type="text/javascript"/script /head body div class="pager"/div !--div select class="SEID" option10/option option selected="select...[ 查看全文 ]

  讨厌嚣张

  41
• 
  jquery 简单导航实现代码

  标签：Web开发

  代码如下: script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); }); }) /script style type="text/css" li{backg...[ 查看全文 ]

  高邑终端彩票

  31
• 
  jquery 事件执行检测代码

  标签：Web开发

  前两天做城市搜索的时候，我对搜索按钮绑定了事件，如果输入栏内的文字不符合要求就用标签提示（标签展示出来后对document绑定click，点击后隐藏标签）并使输入栏获得焦点。就这样一个小功能我调试了、3个多小时，IE 里表现的是标签一闪而过，后来发现是按钮的点击事件和input的交替出发了多次，估计是事件回退发生的，用了preventDefault() 和 stopPropagation()两个函数后修正了问题。虽然问题解决了，但是...[ 查看全文 ]

  90後涛涛I

  31
• 
  jQuery 改变CSS样式基础代码

  标签：Web开发

  其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码： 代码如下： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。 //.css(‘color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给css()方法。示例如下： 代...[ 查看全文 ]

  我叫戴丽娜

  21
• 
  jquery 弹出层实现代码

  标签：Web开发

  经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px...[ 查看全文 ]

  1640022185liu

  121
• 
  jquery ready函数源代码研究

  标签：Web开发

  一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的支持).,而不用等待全部元素加载完成.例如: $(document).ready(fu...[ 查看全文 ]

  萌萌哒的女疯纸

  41
• 
  jQuery 页面 Mask实现代码

  标签：Web开发

  在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 创建一个 Mask 层，追加到 document.body $('div class="jquery_addmask" /div')...[ 查看全文 ]

  倔驴4

  551
• 
  jquery 页面全选框实践代码

  标签：Web开发

  代码如下： html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" title全选/title /head body divdemo input type="button" onclick="alert(ob.checkedIds());" value="选中ID"/ input type="button" onclick="alert(ob.checkedTexts());" value="选中值"/ input type="button" onclick="alert(ob.checkedKeys('value1'));" value="选中属性值"/ /div table tr thin...[ 查看全文 ]

  夏雨未歇

  131
• 
  jQuery DOM操作小结与实例

  标签：Web开发

  DOM操作的分类：DOM CORE（核心）、HTML-DOM和CSS-DOM 1. DOM Core DOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。 它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML. Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法，都是dom core的组成部分。 2. HTML_DOM 使用HTML_DOM来获取...[ 查看全文 ]

  bjsimba

  51
• 
  android LinearLayout 布局实例代码

  标签：编程语言 网络编程

  代码如下： ?xml version="1.0" encoding="utf-8"?  !--      LinearLayout         线性版面配置，在这个标签中，所有元件都是按由上到下的排队排成的   -- LinearLayout      xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"  ...[ 查看全文 ]

  发发好的发发

  261