jQuery教程：jQuery核心方法的使用

jQuery教程：jQuery核心方法的使用的相关文章

• 
  jQuery教程：jQuery的核心

  标签：Web开发

  大家先不要看我的源代码，看看使用js是否能够做得出 要求： 1）页面上一个按钮； 2）点击后弹出窗口，我被点击了； 如下图： JavaScript代码如下：!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&q...[ 查看全文 ]

  云台山导览

  211
• 
  jQuery 核心函数以及jQuery对象

  标签：Web开发

  一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数，在 jQuery 中它们起着至关重要的作用，在实际的前端开发过程中用到最多的也是它们。 1、jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。 返回值：jQuery 对象 参数 elements: 用于封装成 jQuery 对象的 DOM 元素 代...[ 查看全文 ]

  只为你快乐C

  01
• 
  jQuery教程:认识jQuery

  标签：Web开发

  首先，jQuery 是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。 jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是WRITE LESS,DO MORE,写更少的代码,做更多的事情。 有什么作用？ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种...[ 查看全文 ]

  奋斗的蚂蚁gai

  21
• 
  jquery 框架使用教程 AJAX篇

  标签：Web开发

  小试了下AJAX，感觉比prototype简洁多了，在JQuery中，AJAX有三种实现方式：$.ajax(),$.post,$.get()。 XHTML(主要): div id="result" style="background:orange;border:1px solid red;width:300px;height:400px;"/div form id="formtest" action="" method="post" pspan输入姓名:/spaninput type="text" name="username" id="input1" //p pspan输入年龄:/spaninput type="text" name="age" id="input2" ...[ 查看全文 ]

  兖州司令员

  201
• 
  jquery 控件使用讲解

  标签：Web开发

  web开发过程中,常常使用到jquery控件。而开始学习众多控件的过程中，总结了一下笔记，特集结成册，以备自己或朋友学习交流。 （一）Floating Box 功能简介：本控件可以实现层的动态定位（四个角：左上、左下、右上、右下） 效果显示：当点击四个按钮时候，浮动的层回漂移到所对应的位置。 操作步骤： 1、添加引用（注意路径和自己对应，文件见附件） script type="t...[ 查看全文 ]

  遭殃煽叵

  11
• 
  JQuery toggle使用分析

  标签：Web开发

  今天重点一个toggle(fn,fn,….)函数,主要是用来切换某个事件的轮换操作。 比如：对一个按钮的点击事件和一个DIV的背景，点击一次按钮，将DIV的背景显示为蓝色，点击第二次的时候要将DIV的 背景色改为黑色。 我们定义的HTML代码如下： body input type="button" id="btnShow" value="Toggle"/ div id="DivToggle"此处显示 id "DivToggle" 的内容/div /body 定义的最初的样式如下： 代码如下: #Div...[ 查看全文 ]

  love爱你99不88

  31
• 
  Jquery 扩展方法

  标签：Web开发

  于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大，怎么以前就没有发现呢？于是就亲手写了基于Jquery的扩展函数，代码如下： 代码如下： jQuery.fn.__toggleCheck = function (idPrefix) { var c = false; $(this).click(function () { if (c) c = false; else c = true; $("input[type=checkbox][id^=" + idPrefix + "]").each( function () { this.checked = c...[ 查看全文 ]

  bwozhongg412

  21
• 
  Douban的jquery使用分析

  标签：Web开发

  Douban是2.0 社区里面比较成功的一个产品, 里面ajax技术也做得不错, 把它的源码拿来研究了一下, 它在页面上使用了jquery,  我比较喜欢它的一体式的事件处理机制，不用写很多的事件绑定代码，只需要通过一定的命名规则就可以自动给页面元素加上一些功能, 它上面几乎所有的功能都通过这个实现, 配合jquery强大的选择器，代码看起来比较简洁清晰.  下面我们就来看看它的一些核心部分. 我使用的是jquery...[ 查看全文 ]

  倔强得逞强

  61
• 
  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简化Ajax开发

  标签：Web开发

  一些简单的代码简化 下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。 清单 1 ：没有使用 jQuery 的 DOM 脚本 var external_links = document.getElementById('external_links'); var links = external_links.getElementsByT...[ 查看全文 ]

  wzg3428

  21
• 
  使用 jQuery 简化 Ajax 开发

  标签：Web开发

  jQuery 是什么？ jQuery 由 John Resig 创建于 2006 年初，对于任何使用 JavaScript 代码的程序员来说，它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言，并且希望获得一个能解决文档对象模型（Document Object Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家，jQuery 都会是您的首选。 jQue...[ 查看全文 ]

  追忆惘然lee

  41
• 
  jQuery 使用个人心得

  标签：Web开发

  $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") //通过class来取控件 $("#ID").val(); //取value值 $("#ID").val(""); //赋值 $("#ID").hide(); //隐藏 $("#ID").show(); //显示 $("#ID").text(); //相当于取innerHTML $("#ID").t...[ 查看全文 ]

  one丶钱哆哆丶

  11
• 
  jQuery使用手册(七)

  标签：Web开发

  jQuery 使用手册，大家可以耐心的看完，就基本上入门了。 七 ：Ajax支持 通用方式： $.ajax(prop) 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种 。 (String)type：数据传递方式(get或post)。 ((String)url：数据请求页面的url ((String)data：传递数据的参数字符串，只适合post方式 ((String)dataType：期待数据返回的数据格式(例如 "xml", "ht...[ 查看全文 ]

  PXY雨少

  31
• 
  jQuery学习5 jQuery事件模型

  标签：Web开发

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

  品味苦辣

  71
• 
  jQuery 使用手册(五)

  标签：Web开发

  jQuery 使用手册，大家可以耐心的看完，就基本上入门了。 五：动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否等于none，如果等于则设为block,如果不等于这设为none，如果在将效...[ 查看全文 ]

  农垦九三信息吧

  01
• 
  jQuery 使用手册(四)

  标签：Web开发

  jQuery 使用手册，大家可以耐心的看完，就基本上入门了。 四：JavaScript处理 $.browser() 判断浏览器类型，返回boolen值 $(function (){ if ($.browser.msie) { alert("这是一个IE浏览器" );} else if ($.browser.opera) { alert("这是一个opera浏览器" );} }) 当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari $.each(obj, fn) obj为对象或数组，...[ 查看全文 ]

  陶陶252

  01
• 
  jQuery 使用手册(三)

  标签：Web开发

  jQuery 使用手册，大家可以耐心的看完，就基本上入门了。 三 ：CSS操作 传统javascript对css的操作相当繁琐，比如div id="a" style="background:blue"css/div取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操作，$("#a").background()，$("#a").background(red) $("#a")得到jQuery对象[ d...[ 查看全文 ]

  禹众不同丶

  11
• 
  JQuery 文本框使用小结

  标签：Web开发

  1。文本框的改变事件，可使用propertychange，例如： 代码如下： $("#txtDataDate").bind("propertychange",function(){ }); 2。获取被选中RadioButton 的值 代码如下： var radio_value = $("input[type=radio][checked]").val(); 3。下拉列表的改变事件，以及获得选中选项的值 代码如下： $("#下拉列表").change(function() { //获得选中项的值 var select = $(this).val(); }).cha...[ 查看全文 ]

  言信玉器

  01
• 
  使用JQUERY Tabs插件宿主IFRAMES

  标签：Web开发

  必备的东西： Windows XP/Vista/7/2003/2008 Visual Studio 2005 or 2008 (download the correct version of Home Site project above) .NET Framework 2.0 and ASP.NET AJAX 1.0 今天，很多浏览器提供了使用tab的能力去浏览更多的网页和网站。当然这是一个非常有用的功能来替代同时打开几个浏览器，但如果提供在一个页面中浏览多个网页也非常的不错。 例如，如果你的主页是由很多不同的有用的Web工具...[ 查看全文 ]

  浅笑___only

  351
• 
  jQuery 使用手册(六)

  标签：Web开发

  jQuery 使用手册，大家可以耐心的看完，就基本上入门了。 六 ：事件处理 hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式：style.red{color:#FF0000}/style Html代码： div id="a"sdf/div jQuery代码及效果 $(function (){ $("#a").hover(function(){$(this).addClass("red" );}, function(){ $(this).removeCl...[ 查看全文 ]

  每天的幸福521

  11