本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下：$(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this).addClass("box-arrow"); $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "slow"); return false; },function(){ $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "s...
本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法。分享给大家供大家参考。具体如下： 下面这个演示例子可通过点击按钮实现修改链接与提示的功能。$(document).ready(function(){$("button").click(function(){$("#w3s").attr({"href" : "http://www.gxlcms.com/list/list_172_1.htm","title" : "jb51.net"});}); });jb51.net 点此改变链接与提示 鼠标滑过链接即可看到链接与提示信息已被更改.希望本文所述对大家的jQu...
本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法。分享给大家供大家参考。具体分析如下： 下面的代码可实现在文本前和列表前添加新的元素$(document).ready(function(){$("#btn1").click(function(){$("p").prepend("Prepended text. ");});$("#btn2").click(function(){$("ol").prepend("Prepended item");}); });This is a paragraph. This is another paragraph.List item 1 List item 2 List item 3Prepend text...
本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法。分享给大家供大家参考。具体如下： 下面的JS代码可以隐藏所有class属性等于test的元素$(document).ready(function(){$("button").click(function(){$(".test").hide();}); });This is a heading This is a paragraph. This is another paragraph. Click me希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了jQuery使用hide方法隐藏元素自身用法，分享给大家供大家参考。具体如下： 下面的JS代码实现让按钮点击后将自己隐藏起来$(document).ready(function(){$("button").click(function(){$(this).hide();}); });This is a heading This is a paragraph. This is another paragraph. Click me希望本文所述对大家的jQuery程序设计有所帮助。
通过它，你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致： 1、遍历对象(有附加参数)代码如下: $.each(Object, function(p1, p2) {this; //这里的this指向每次遍历中Object的当前属性值p1; p2; //访问附加参数 }, [参数1, 参数2]); 2、遍历数组(有附件参数)代码如下: $.each(Array, function(p1, p2){this; //这里的this指向每次遍历中Array的当前元素p1; p2; ...
本文实例讲述了jquery插件bxslider用法。分享给大家供大家参考。具体用法如下： 首先调用对应js文件：jQuery代码部分：$(function(){ $('#marquee').bxSlider({ mode:'vertical', //默认的是水平 displaySlideQty:1,//显示li的个数 moveSlideQty: 1,//移动li的个数 captions: true,//自动控制 auto: true, controls: false//隐藏左右按钮 }); });HTML结构如下:CSS定义左右按钮样式：.bx-prev{ width:12px; height:26px; backgr...
本文实例讲述了jQuery中next方法用法。分享给大家供大家参考。具体分析如下： 这里演示jQuery中next的用法，可取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素。 可以用一个可选的表达式进行筛选next的用法 $(document).ready(function() {$("span").click(function(){alert($("p").next(".selected").html());})// $("p").next().html() ...
本文实例讲述了jQuery插件kinMaxShow扩展效果用法。分享给大家供大家参考。具体分析如下： 支付宝首页的焦点图就是用的kinMaxShow 扩展效果(前段时间支付宝使用的，不知道现在还是不是这种，另外支付宝的这个焦点图动画效果是分浏览器的，IE8及以下浏览器无动画纯静态，只是在谷歌、火狐等现代浏览器才会出现动画。) 这只是kinMaxShow扩展的一个小例子，更多效果你可以自己发挥。 代码如下： javascript 代码：$(function(){$("#ki...
本文实例讲述了JQuery中基础过滤选择器用法。分享给大家供大家参考。具体如下：基础过滤选择器#main{width:600px;border:1px solid green;margin:auto;padding:10px; } #tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto; } #tbl td{width:60px;height:60px;border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid red; }$(function () {//=============举例...
本文实例讲述了JQuery中属性过滤选择器用法。分享给大家供大家参考。具体如下：属性过滤选择器div{width:200px;border:1px solid red;margin:10px auto;} $(function () {//==========举例1================//: $("div[id]") ; 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.showElements($("div[id]"));//==========举例2================//$("div[myTag]='tt2') 匹配给定的属性是某个特定值的元素//匹...
本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下：JQuery Text方法div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnSet").click(function () {$("#div1").text("我是设置后的文本"); //兼容火狐}); }); 我是div1我是div2希望本文所述对大家的jQuery程序设计有所帮助。
本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下：div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnChange").click(function () {var $divs = $("div");//----1.举例1//$divs.eq(0).attr("MyAttr", "Ronaldo");//eq返回指定下标的JQuery对象(注意:此时$divs中有两个div的dom元素)//$divs.eq(1).attr("MyAttr", "Ronaldo1");//alert($divs.attr("MyAttr"));//读...
本文实例讲述了Jquery中基本选择器用法。分享给大家供大家参考。具体如下：Jquery 基本选择器.myDiv{width:100px;background-color:Blue;} //JQuery选择器用于查找满足条件的元素。 //基本选择器是JQuery中最常用的选择器,也是最简单的选择器, //它通过元素id,class和tagName来查找dom元素 //1.$("#id") : id选择器,document.getElementById("id"); //2.$("div") :元素选择器 document.getElementByTagName("div"); //3.$(".m...
本文实例讲述了jquery中map函数遍历数组用法。分享给大家供大家参考。具体如下：map函数/*注意map函数不能处理json格式对象的数组。*/ $(function () {var arr = [3, 6, 9];ShowArray(arr);//调用jquery的map方法 用来将一个数组，转成另一个数组//var arrChange = $.map(arr, function (item) { return item * 2; });//ShowArray(arrChange);//调用自己实现的mymap方法，达到和jquery的map方法一样的功能var myfunc = function (...