$("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr("title", function() { return this.src }); 给某个元素添加属性/值 $("元素名称").html(); 获得该元素内的内容（元素，文本等） $("元素名称").html("new stuff"); 给某元素设置内容 $("元素名称").remove...
1、属性： 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class="btn" //$("input").attr("class","btn"); 2、CSS：为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $("input:submit").addClass("btn"); 3、值：获得第一个匹配元素的当前值 //取的某一按钮的值 //alert($("#Button1").val()); 4、Html代码：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 //输出div之...
主要包括以下几部分：（1）内部插入（2）外部插入（3）包裹（4）替换（5）删除（6）赋值。那我们就开始详细地看一下。 1、内部插入：向一些元素的内部插入内容 (1)append(content) :向每个匹配的元素内部追加内容，追加到元素内部的末尾，比如 描述: 向所有段落中追加一些HTML标记。 HTML 代码: I would like to say: jQuery 代码: $("p").append("Hello"); 结果: [ I would like to say: Hello ] （2）appendTo(content) 把所有匹...
看到一个这样的例子和大家分享下。这个一直是我想要做到的。 首先先展示下最终的样子： 使用northwind的数据。点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数。点击+后的样子: 先分析下它的实现: 第一个图的显示是个Gridview,当点击每条记录前面的+时会使用jQuery的ajax功能调用一个Web Method,并传输一个当前产品的ID进去,然后会定义一个继承UserControl的类,它能够添加一个ascx文件,...
jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。 jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）...
其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码： 代码如下: $("#61dh a").css(color,#123456); //这里选择器‘$("#61dh a")表示ID为‘#61dh的元素下的所有链接。 //.css(‘color,#123456);表示把颜色设为#123456 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给css()方法。示例如下： 代码如下: var divcss = { background: #EEE, ...
本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。 初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？”等类似的问题，理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题： 1、 什么是jQuery？ 2、 什么是类库？ 3、 jQuery与JavaScript有什么关系？ 4、 JavaScript与java又有什么关系？ 5、...
jQuery是一个优秀的JavaScript库，它凭借简洁地语法和跨平台的兼容性，极大地简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax操作。 jQuery优势： 1.轻量级 2.强大的选择器 3.出色的DOM操作的封装 4.可靠的事件处理机制 5.完善的Ajax 6.不污染顶级变量 7.出色的浏览器兼容性 8.链式操作方式 9.隐式迭代 10.行为层与结构层分离 11.丰富的插件支持 12.完善的文档 13.开源 （1）编写简单的jQuery代码: 注：$ 就是...
首先看一下效果：就这么个意思，没截动图哈~ 轮播效果分析： 轮播效果大致可以分为3个部分：轮播图片（图片或者是包含容器），控制轮播图显示的按钮（向左、向右按钮，索引按钮(例如上面效果图的顶部的数字按钮)），每隔一段时间轮流显示轮播图片。 轮播图的显示：要显示的轮播图显示，不需要显示的轮播图隐藏；通常将这些轮播图片以定位的方式重叠在一起，每次显示一张轮播图片。 控制按钮：鼠标点击或者移到索引按钮上面时，显示...
首先 我们看.find()方法： 现在有一个页面，里面HTML代码为; 代码如下: 测试1 测试2 如果我们使用find()方法： var $find = $("div").find(".rain"); alert( $find.html() ) ; 将会输出： 如果使用filter（）方法： var $filter = $("div").filter(".rain"); alert( $filter.html() ); 将会输出： 也许你已经看出它们的区别了。 find()会在div元素内 寻找 class为rain 的元素。 而filter()则是筛选div的class为rain的元素。 ...
从神奇的"$"函数开始 "$"函数将在文档加载完成之后为一个指定的button 绑定事件，这些代码在单个网页中工作正常。但是如果我们还有其它的网页，我们将不得不重复这个过程。 代码如下: Say Hello //when dom ready, do something. //bind click event to a button. $(function(){ $('#sayHello').click(function(){ alert('Hello world!'); }); }); 如果我们需要另一个行为的button怎么办？比如象这样： 代码如下: Unlike it ...
jQuery学习笔记： jQuery学习 1、基本语法： $(selector).action() $:定义jQuery selector:选择符，查询和查找HTML元素 action():对元素执行的操作 实例： $(this).hide()------隐藏当前元素 $("p"),hide()-------隐藏所有的p元素 $("#ID").hide()-----隐藏id=ID的元素 $("p.Class")--------隐藏class=Class的P $(document).ready(function(){-----}); 这样用为了防止文档未加载就运行jQuery代码。 2、选择器通过属性选择元素 $("[...
今天练习了个Jquery淡入淡出的特性代码如下： 代码如下: 无标题文档 #gallery1 {width:100%; overflow:hidden;} #gallery1 a {position:relative; float:left; margin:5px;} #gallery1 a span { display:none; background-image:url(zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:15px; top:15px;} #gallery1 img { border: solid 1px #999; padding:5px;} #gallery1 a:hover...
jQuery的使用开始成为javascript开发者的主选产品，但如果没有一个整体的规划，简单的拿来主义势必带来后期维护成本的增加，大量的jQuery插件如同一把双刃剑，一方面大大节省了开发时间与周期，但同时也造成WEB页面加载的负担，带来的难护与二级扩展成本将非常庞大，因此，在使用之前就需要一个最基础的javascript架构体系，能明显基础功能组件，插件组件有效实施与扩展。 我们想，jQuery毕竟还只是一个基础的最底层的工具集，封装...
代码如下：我写了个方法，用于查询结果，但debug过程中发现结果集有数据，我如何通过变量获取呢？ JScript code 代码如下: function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: false, success: function(data) { return data; } }); } var jsonArray = getChildNodeArrayByParentID(01); var jsonArray = getChi...