今天写一个选项卡的时候，需要用到jquery中的.each(),通过获取each()中的index参数来获取li元素的编号，方便下面区块显示，在一个测试页面上写好了下面的代码：代码如下:tab选项卡ul,li{list-style: none;margin: 0px; padding: 0px;}li{float: left;width: 80px; height: 30px; background-color: #ccc; border: 2px solid #fff;text-align:center; line-height:30px;}#content{clear:left; width:336px; height: 180px; backgrou...
1.jQuery功能函数前缀 在javascript中，开发者通常会编写一些小函数来处理各种操作细节，例如在用户提交表单时，要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能，在师院jQuery后，便可以使用trim()函数。 trim()函数是jQuery对象的一个方法，使用以下例子代码如下: var sString = " 1234567890";sString = $.trim(sString);alert(sString.length);执行结果字符串sString的首尾空格都被jQuery取掉了...
利用DOM方法创建元素节点，通常要将document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻烦。 而jQuery使用$就可以直接创建DOM元素代码如下: var oNewP = $("使用jQuery创建的内容");以上代码等同于javascript代码如下:var oNewP2 = document.createElement("p");var oText = document.createTextNode("这是使用javascript方法创建的内容");oNewP2.appendChild(oText);例：使用jQuery创建DOM代码如...
在jQuery中，最常用的莫过于使用美元符号$，它提供了各种各样的丰富功能。包括选择页面中一个或者一类元素、作为功能函数的前缀、windows.onload的完善，创建DOM节点等。本文介绍jQuery的用法。作为基础 1.选择器 在css中，选择器的作用是选择页面的某一类（类别选择器）元素或者某个（id选择器）。而jQuery中的“$”作为选择器，同样是选择某类或者某个元素，只不过jQuery提供了更全面的选择方式。而且为用户处理了浏览器兼容问题...
CSS3充分吸收多年了web发展的需求，吸收了很多新颖的特性。例如border-radius css3特性中最令人兴奋的莫过于选择器的增强，例如属性选择器可以根据某个属性值来选择标记，位置选择器可以根据子元素的位置来选择标记。 在目前很多使用的很多浏览器，例如IE7,主要支持css2.大部分属性选择器都不理想。 正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。 jQuery通过预先的javascript编程，提供了几乎所有css3标...
1.jQuery的简介 就像上节所将到的Ajax框架一样，简单的说，jQuery是一个优秀的javascript框架，它能够让用户方便的处理html,events(冒泡)事件，动画效果，ajax交互等，它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建，已经吸引了众多的javascript高手加入其团队，随着事件推移，jQuery新版本一个一个发布，它越来越受到关注。 如今，jQuery发展到集各种javascript/css/dom和ajax功能于一体的强大框架。可以...
1、元素的显示和隐藏 display:none; 隐藏display:block; 显示简单显示和隐藏方法 a) show() 显示b) hide() 隐藏c) toggle() 开关，显示则隐藏，隐藏则显示function f1(){//隐藏$("div").hide();//display:none//document.getElementById('id').style.display="none";}function f2(){//显示$("div").show();//display:block}function f3(){$("div").toggle();}div {width:300px; height:200px; background-color:blue;} duck and do...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种，由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成本。 一． 插件概述 插件是以 jQuery 的核心代码为基础，编写出复合一定规范的应用程序。也就是说，插件也是 jQuery 代码，通过 js 文件引入的方式植入即可。 插件的种类很多，主...
前言 当我们想要创建一个对象，我们可能使用new方法去构建一个对象，那按道理jquery也是一个对象，应该也是用new jquery()来构建呀为什么我们创建jquery对象不用new jquery()而是直接使用类似$(ele)的方式去构建出来一个jquery对象呢？其实内部还是使用了new来构建的，只是jquery内部帮我们构建了而已，请看下面代码 function Jquery(selector, context) {return new Jquery(selector, context);}Jquery.prototype = {version:1.01...
最近在学习jQuery，在网上看到有几篇关于jQuery的文章，写的不错转载过来跟大家分享一下； 一、JQuery是什么 JQuery是什么？始终是萦绕在我心中的一个问题： 借鉴网上同学们的总结，可以从以下几个方面观察。 不使用JQuery时获取DOM文本的操作如下： document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下： $('#info').val('Hello World!'); 嗯，可以看出，使用JQuery的优势之一是可以使代码...
jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。一、要引用的文件要使用jqGrid，首先页面上要引入如下css与js文件。 1、css <link href="/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 2、js<script src=/Scripts/js/jquery-2.0.3.min.js type="text/javascript"></script><script src=/Scripts/js/jqGrid/jquery.jqGrid.min.js type="text/javascript"></...
1.回调函数定义回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，才会真正的执行回调函数内部的方法。2.代码JS代码(function($){ $.fn.shadow = function(opts){ //定义的默认的参数 var defaults = { copies: 5, opacity:0.1...
用html直接data-key来存放，key必须全部小写。 <div data-mydata="123"></div> consoloe.log($("div").data("mydata")); //output 123二避免在key中使用短横线 <a id="bar" data-foo-bar-baz="fizz-buzz" href="#">fizz buzz!</a> $(#bar).data().fooBarBaz; //works $(#bar).data()[fooBarBaz]; //works $(#bar).data()[foo-bar-baz]; //does not work以上这篇JQuery中attr属性和jQuery.data()学习笔记【必看】就是小编分享给大家...
插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种，由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成本。 一． 插件概述 插件是以 jQuery 的核心代码为基础，编写出复合一定规范的应用程序。也就是说，插件也是 jQuery 代码，通过 js 文件引入的方式植入即可。 插件的种类很多，主...