摘要:1.获得所有选中的checkbox的方法//根据传入的checkbox的name获得所有checkbox选取的的值function addMem(names){ var allNames=0; $("input[name='"+names+"']").each(function(){ if($(this).attr("checked")=="checked"){ if(allNames==0){ allNames=$(this).attr("value"); }else{ all
阅读全文
摘要:首先要实现dialog的功能需要导入一下几个基本包:1.jquery的核心包2.jquery.ui.core.js为ui类的核心包3.jquery.ui.widget.js为ui的小窗体4.jquery.ui.dialog.js为对话框的专用js同时还要导入jquery.ui.all.css这个层叠样式表一下几个包是与dialog常用在一起的。jquery.ui.mouse.js用于当鼠标放在dialog的头部时出现十字架,同时也与其他包配合jquery.ui.draggable.js用于拖动,同时与mouse包配合一起使用。jquery.ui.position.js用于dialog出现时居中
阅读全文
摘要:对checkbox的控制<!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"><head><meta http-equiv="Content-Type" content="text/html;
阅读全文
摘要:jquery中常用的动画的方法就是hide()与show().$(element).hide()这段代码可以与这相等element.css("display","none")在hide(time)与show(time)中填入事件,可以慢慢消失跟显现。可以修改元素的多个样式,高度,宽度,不透明度。另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是,当使用hide或者show的时候会改变网页的高度,而fadeIn与fadeOut则不会。 $("#panel h5.head").toggle(function()
阅读全文
摘要:$(html).trigger(事件类型),在进入该页面后会自动调用事件类型的事件,用bind绑定事件的好处是可以定义自定义的事件,然后用trigger来自动调用。 $("#btn").bind("newType",function(){ $("body").append("<h1>Hello</h1>"); }); $("#btn").trigger("newType");trigger(type[,data])这个trigger,前一个是事件类型,
阅读全文
摘要:event.stopPropagation() 停止事件冒泡event.preventDefault()//组织默认行为(例如错误的时候,阻止按钮提交)event.type获取事件类型event.target()获取触发事件的元素event.pageX()/event.pageY()该方法的作用是获取到光标相对于页面的x坐标与y坐标$(html).unbind()取消绑定 unbind([type][,data]),第一个参数是事件类型,第二个参数是删除时调用的函数如果没有事件类型的话,那么删除所有的事件。$(html).bind(type,function);
阅读全文
摘要:hover方法的语法结构为:hover(enter,leave)hover()当鼠标移动到元素上时,会触发第一个方法,当鼠标移开的时候会触发第二个方法<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init
阅读全文
摘要:一、load方法.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: Jquery载入远程 HTML 文件代码并插入至 DOM 中。<html> <head> <title>练习用</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script> window.
阅读全文
摘要:获取样式用.attr(class,className);追加样式用:.addClass(className),增加样式,原有的样式不会消失,而是再添加一个样式移除样式:.removeClass(className),删除有的样式切换样式:.toggleClass(className),如果添加了样式那么删除,如果没有样式则添加判断样式是否存在:.hasClass(className),其实该方法内部调用了is(className)
阅读全文
摘要:添加属性添加一个属性: var $p=$("p"); $p.attr("title","ha");添加多个属性: var $p=$("p"); $p.attr({"title":"weiwei","name":"p"});删除属性 $p.removeAttr("title");
阅读全文
摘要:Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE 首先$=JQuery,$(document)=JQuery(document)比较window.onload与$(document).ready(handle)的区别Window.onload$(document).ready(handle)执行时机必须所有的页面元素都加在进来才会调用该函数只要有dom结构绘制完毕就运行该函数编写个数若编写多个,只会运行最后一个若编写多个,则会运行多个简化写法无$(function(){})JQuery跟Javascript中的方法不能混用。例如都.
阅读全文
摘要:首先是学习文件HTML<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init; function init(){ } </script> </head> <body>
阅读全文
摘要::eq(index) 返回单个元素,选取索引等于index的元素,从0开始, :lt(index)返回集合元素,选取索引小于index的元素, :gt(index)返回集合元素,选取索引大于index的元素, :even 返回集合元素,返回索引是偶数的所有索引, :odd 返回集合元素,返回索引是奇数的所有索引,:not(selecter)返回集合元素,去除所有与给定选择器匹配的元素。 过滤他们前面的匹配表达式的集合元素。他们缩小匹配元素的顺序范围。给出两个例子:<!DOCTYPE html><html><head> <script src="
阅读全文