分类：jquery

2020
09-29

jquery绑定事件 bind和on的用法与区别分析

本文实例讲述了jquery绑定事件bind和on的用法与区别。分享给大家供大家参考，具体如下：bind和on都是给元素绑定事件用的,其最大的区别就是事件冒泡事件冒泡也是委托事件的原型，事件委托就是子类的事情委托给父类的去做最直观的区别就是on绑定比bind绑定多一个参数'childSelector'语法$(selector).on(event,childSelector,data,function)参数描述event必需。规定要从被选元素移除的一个或... 继续阅读 >
2020
09-29

jQuery noConflict() 方法用法实例分析

本文实例讲述了jQuerynoConflict()方法用法。分享给大家供大家参考，具体如下：jQuery-noConflict()方法如何在页面上同时使用jQuery和其他框架？要解决这个问题，只需要使用jQuery中的noConflict()方法，它允许你在同一个页面加载多个jQuery实例，尤其是不同版本的jQuery。jQuery和其他JavaScript框架正如您已经了解到的，jQuery使用$符号作为jQuery的简写。如果其他JavaScript框架也使用$符号作为简写怎么办？... 继续阅读 >
2020
09-29

jQuery HTML获取内容和属性操作实例分析

本文实例讲述了jQueryHTML获取内容和属性操作。分享给大家供大家参考，具体如下：获取内容和属性获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQuery方法：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值下面的例子演示如何通过jQuerytext()和html()方法来获得内容：$("#btn1").click(function(){alert("Text:"... 继续阅读 >
2020
09-29

jQuery HTML设置内容和属性操作实例分析

本文实例讲述了jQueryHTML设置内容和属性操作。分享给大家供大家参考，具体如下：jQuery-设置内容和属性设置内容-text()、html()以及val()将使用前一章中的三个相同的方法来设置内容：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值$("#btn1").click(function(){$("#test1").text("Helloworld!");});$("#btn2").click(function(){$(... 继续阅读 >
2020
09-29

jquery html添加元素/删除元素操作实例详解

本文实例讲述了jqueryhtml添加元素/删除元素操作。分享给大家供大家参考，具体如下：添加元素添加新的HTML内容将学习用于添加新内容的四个jQuery方法：append()-在被选元素的结尾插入内容prepend()-在被选元素的开头插入内容after()-在被选元素之后插入内容before()-在被选元素之前插入内容append()方法append()方法在被选元素的结尾插入内容（仍然该元素的内部）。$("p").append("追加文本");prepend()方... 继续阅读 >
2020
09-29

jQuery HTML css()方法与css类实例详解

本文实例讲述了jQueryHTMLcss()方法与css类。分享给大家供大家参考，具体如下：jQuerycss()方法返回CSS属性如需返回指定的CSS属性的值，请使用如下语法：css("propertyname");下面的例子将返回首个匹配元素的background-color值：$("p").css("background-color");//只获取了一个背景颜色//获取多个<body><h2>这是一个标题</h2><pstyle="background-color:#ff0000">这是一个段落。</p><pstyle="background-color:#00ff... 继续阅读 >
2020
09-29

jQuery 隐藏/显示效果函数用法实例分析

本文实例讲述了jQuery隐藏/显示效果函数用法。分享给大家供大家参考，具体如下：jQuery效果-隐藏和显示jQueryhide()和show()通过jQuery，您可以使用hide()和show()方法来隐藏和显示HTML元素：$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的speed参数规定隐藏/显示的速度，可以... 继续阅读 >
2020
09-29

jQuery 淡入/淡出效果函数用法分析

本文实例讲述了jQuery淡入/淡出效果函数用法。分享给大家供大家参考，具体如下：jQueryFading方法jQuery拥有下面四种fade方法：fadeIn()fadeOut()fadeToggle()fadeTo()jQueryfadeIn()方法jQueryfadeIn()用于淡入已隐藏的元素。语法:$(selector).fadeIn(speed,callback);可选的speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。.可选的callback参数是fading完成后所执行的函数名称。... 继续阅读 >
2020
09-29

jQuery 动画与停止动画效果实例详解

本文实例讲述了jQuery动画与停止动画效果。分享给大家供大家参考，具体如下：jQuery动画-animate()方法jQueryanimate()方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的params参数定义形成动画的CSS属性。可选的speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是动画完成后所执行的函数名称。下面的例子演示animate()方法的简单... 继续阅读 >
2020
09-29

jQuery 选择方法及$(this)用法实例分析

本文实例讲述了jQuery选择方法及$(this)用法。分享给大家供大家参考，具体如下：选择方法用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象$(function(){//一、根据结果集中元素位置来选择：first(),last(),eq(),slice()//1、选择第一个li$('li').first().css('color','red');//2、选择最后一个li$('li').last().css('color','red');//3、选择第三个li,索引从0开始$('li').eq(2).css('color','red')... 继续阅读 >
2020
09-29

jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】

本文实例讲述了jQuery函数用法。分享给大家供大家参考，具体如下：命名函数可多次调用。函数声明：functionfunc(args){//执行语句};例：<script>$(document).ready(function(){//创建一个点击事件$('img').clikc(show);//show()函数声明functionshow(){varinfo='<div><h3></h3></div>';$(this).after(info);//显示一次后删除事件$(this).unbind('click');}});</script>... 继续阅读 >
2020
09-29

jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】

本文实例讲述了jQuery常用特效。分享给大家供大家参考，具体如下：显示与隐藏<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">#content{display:none;}</style><scriptsrc="jQuery/jquery-1.8.3.js"></script><scripttype="text/javascript">$('#btn').click(function(event){if($(this).text()==='显示说明'){$('#content').show();... 继续阅读 >
2020
09-29

jQuery AJAX应用实例总结

本文实例总结了jQueryAJAX应用。分享给大家供大家参考，具体如下：AJAX是指一种创建交互式网页应用的网页开发技术。AJAX=异步JavaScript和XML（标准通用标记语言的子集）。AJAX是一种用于创建快速动态网页的技术。AJAX是一种在无需重新加载整个网页的情况下，能够更新部份网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，也... 继续阅读 >
2020
09-29

jquery+css3实现的经典弹出层效果示例

本文实例讲述了jquery+css3实现的弹出层效果。分享给大家供大家参考，具体如下：可能出现的情况1）一列都有，按顺序弹出对应的弹出层2）只有单个一个弹出层3）不按顺序不按规律随机弹出层jquery弹出层解决第一种情况参考资料移动端之“CSS3多动画弹框”引入jqueryJS代码这里关闭用的css3效果实现<scripttype="text/javascript">varw,h,className;functiongetSrceenWH(){w=$(window).width();h=$(window).he... 继续阅读 >
2020
09-29

JQuery事件冒泡和默认行为代码实例

事件的冒泡什么是事件的冒泡？就是事件从子元素向父元素传递的一个过程如何阻止事件的冒泡？方式一：在事件的回调函数中加上returnfalse;方式二：在事件回调函数的形参列表中添加event，然后在回调函数中调用event.stopPropagation();.事件的默认行为什么是事件的默认行为？就是像a标签那样，没有绑定事件，但只要点击了就会自动跳转的行为像提交按钮一样，没有绑定事件，但是点击就会提交表单信息，自动跳转如何阻止事件的默认行... 继续阅读 >
2020
09-29

JQuery表单元素取值赋值方法总结

JQuery表单元素取值赋值方法总结 一、普通文本框的赋值与取值1.1.1赋值<h2>jQuery表单元素取值与赋值方法总结</h2><inputtype="text"class="test1"/><inputtype="button"value="赋值"onclick="get()"/><inputtype="text"class="test2"/><scripttype="text/javascript"charset="utf-8">functionget(){vartest1=$("input.test1").val();$(".test2").val(test1);}</script>运行效果：1.1.2取值示例代码... 继续阅读 >