本文实例讲述了jquery siblings获取同辈元素用法。分享给大家供大家参考，具体如下： jquery siblings 用于获得匹配集合中每个元素的同胞。 语法： .siblings(selector) 注：可以通过后面的可选参数选择器(selector)进行进一步筛选。 示例: 找到每个div的所有同辈元素。 <p>Hello</p> <div><span>www.gxlcms.com</span> </div> <p>How are you!</p>$("div").siblings().html();结果将输出: <p>Hello</p> <p>How are you!</p>示例: ...
本文实例讲述了jQuery简单动画变换效果。分享给大家供大家参考，具体如下： 1.效果图如下：2.html代码： <div id="panel"><h5 class="head">什么是jQuery?</h5><div class="content">jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优...
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下： 这里给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script> $(function(){$("#results").append( "<tt>" + $("form").serialize() + "</tt>" ); }); </script> <p id="results"><b>Results: </b> </p> <form><select name="single"><option>Single</option><option>Single2</option></select><select name="multiple" mul...
本文实例讲述了jquery插件格式。分享给大家供大家参考，具体如下： 现在打算给公司写一个公共组件，常用的工具很多都是jquery,很多时候一些插件特效也是基于jquery写的，因此工作中难免会遇到要拓展别人写的插件。 下面我简单的描述一下插件的格式： <!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"> <h...
1. jQuery的基本信息: 1.1 定义: jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装， 1.2 作用: 许多使用JavaScript能实现的交互特效，使用jQuery都能完美地实现，下面通过五个用途来更多的了解。 1.2.1 访问和操作DOM元素 1.2.2 制作页面样式 1.2.3 对页面时间的处理 1.2.4 方便地使用jQuery插件 1.2.5 与Ajax的完美结合 1.3 优势: 想必有人就会问了：为什么人们会更多的选择jQuery呢？因为jQuery的主旨就是w...
本文实例讲述了jQuery Dialog对话框事件用法。分享给大家供大家参考，具体如下： Dialog对话框事件 对话框应用场景 对话框是最常用、最实用的功能。 1） 静态提示类对话框，对话框的内容是固定的 2） 动态提示类对话框，对话框内容是根据事件源变化的 3） 遮罩类对话框，对话框弹出时背景变灰并且不可选 使用jQuery UI的Dialog 组件可以轻松实现上面三种效果 Dialog组件的主要特点是可以拖动（Draggable），可以改变大小（Resizabl...
本文实例讲述了jQuery内容折叠效果插件用法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><title>jQuery Collapsible Fieldset</title><script src="js/jquery.min.js"></script><script language="javascript" type="text/javascript" src="js/jquery.coolfieldset.js"></script><link rel="stylesheet" type="text/css" href="...
本文实例讲述了jquery拖动层效果插件用法。分享给大家供大家参考，具体如下： <!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" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Drag Drop Panels - Web Developer P...
本文实例讲述了jQuery设置Cookie及删除Cookie的方法。分享给大家供大家参考，具体如下： 这是一个jQuery cookie的使用例子，通过本示例的学习希望朋友们能熟悉在引入jquery.cookie.js插件后，如何去使用它，你可以了解到cookie天数设置、日期设置、多个cookie的设置、如何获取Cookie、通过 date 对象设置过期日期为 3 天后的那天、设置有效期天数等小技巧。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org...
本文实例分析了jQuery实现div拖拽效果。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <style type="text/css"> /*模块拖拽*/ .drag{position:absolute;width:100px;height:100px;border:1px solid #ddd;backgrou...
本文实例讲述了jquery ui dialog替代confirm的方法。分享给大家供大家参考，具体如下： js的confirm，有的浏览器会直接屏蔽掉，导致功能无法使用，推荐使用jquery ui 的dialog功能，完美替换confirm功能 1、html代码 <div id="confirm_dialog" title="提示" style="display:none;"> </div>把上面代码放到公用的地方 2、模拟confirm js代码 var common = {confirm_act:function(dialog_id,msg,callback) {$("#"+dialog_id).html("<p...
本文实例分析了jQuery遮罩层效果。分享给大家供大家参考，具体如下： 先来看看示例代码： <!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" xml:lang="zh" lang="zh" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <mce:script type="text/j...
本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考，具体如下： 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法： 1.formSerilize() 用于序列化表单中的数据，并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。 疑问：ajaxForm()与ajaxSubmit()的区别： 答案...
本文实例讲述了jQuery实现的超简单点赞效果，分享给大家供大家参考，具体如下： 1.HTML（可以优化一下，尽量少些几个标签.....） <div id="dianz"><b class="cz"><em>1</em><i></i><s></s><u>超赞</u></b><b class="tj"><em>2</em><i></i><s></s><u>推荐</u></b><b class="yb"><em>3</em><i></i><s></s><u>一般</u></b><b class="wl"><em>6</em><i></i><s></s><u>无聊</u></b><b class="lj"><em>5</em><i></i><s></s><u>雷囧</u></...
本文实例讲述了jQuery动画效果相关方法。分享给大家供大家参考，具体如下： 1、show()显示效果 语法：show(speed,callback) Number/String,Function speend为动画执行时间，单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默认是swing,可选linear;代码如下:$("#div1").show(3000,function(){ alert("动画显示完成!"); }); 2、hide()隐...