16 RadioButton操作
(1) 取得RadioButton中的选中值
$(“input[name=gender]:checked”).val();
<input id=”Radio1”checked=”checked” name=”gender” type=”Radio” value=”男” />男
<input id=”Radio2”checked=”checked” name=”gender” type=”Radio” value=”女” />女 <input id=”Radio3”checked=”checked” name=”gender” type=”Radio” value=”保密” />保密
(2) 设置RadioButton的选中值
$(“input[name=gender]”).val([“女”]);或者$(“:radio[name=gender]”).val([“女”]);
注释:val中参数的[]不能省略。
(3) 对RadioButton的选择技巧对于CheckBox和Select列表框也适用。
(4) 除了可以使用val批量设置RadioButton,CheckBox等的选中以外,还可以设定checked属性来单独设置控件的选中状态。
$(“#btn1”).attr(“checked”,true);
17 JQuery事件
(1) JQuery中的事件绑定 $(“#btn”).bind(“click”,function(){ });,每次都这么调用太麻烦,所以JQuery可以用$(“#btn”).click(function(){ })来进行简化。
(2) 合成事件hover,hover(enterfn,leavefn); 当鼠标放在元素上时调用enterfn方法,当鼠标离开元素的时候调用leavefn方法。
(3) 事件冒泡 JQuery中也向JavaScript一样是事件冒泡。
(4) 调用事件对象的stopPropagation()方法终止冒泡。 e.stopPropagation();
注:如果想要获得事件相关的信息,只要给响应的匿名函数增加一个参数e,e就是事件对象。
$(“tr”).click(function(e){
alert(“tr被点击”); e.stopPropagation();
}); 注意:函数的参数是e.
(5) 阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新连接,提交按钮会默认提交表单,如果想阻止默认行为只有调用事件对象的PreventDefault()方法和window.event.return.value=false效果一样。
$(“a”).click(function(e){
alert(“所有超链接暂时全部禁止”); e.PreventDefault();
});
(6) 属性 pageX,pageY,target获得触发事件的元素(冒泡的起始,和this不一样)。
which如果是鼠标事件获得按键(1 左键,2 中键,3 右键)。altkey、shiftkey、ctrlkey获得alt,shift,ctrl是否按下,为bool值。keycode(键盘码,小键盘的1和主键盘的keycode不一样),charcode(ASC码)属性发生事件时的keycode,charcode。
(7) 移除事件绑定 bind()方法即可移除元素上所有绑定的事件,如果unbind(“click”)则只移除click事件的绑定。 bind : += unbind : -=
(8) 一次性事件:如果绑定的事件只想执行一次随后立即unbind.,可以使用one()方法进行事件绑定。
18 JQuery鼠标
(1) 获得发生事件时鼠标的位置
$(document).mousemove(function(){
document.title=e.pageX+”,”+e.pageY;
});
(2) 在mousermove,clcik等事件的匿名响应函数中如果指定一个参数e,那么就可以从e读取发生事件时的一些信息,比如对mousemove等鼠标事件来说,就可以读取e.pageX,e.pageY来获得发生事件时鼠标在页面的坐标
注解:body只是元素的显示范围,document是整个文档。
19 JQuery动画
show(),hide()方法是显示,隐藏元素,用toggle()方法在显示,隐藏之间切换。
$(“:button[value=show]”).click(function(){ $(“:button[value=hide]”).click(function(){
$(“div”).show(); $(“div”).hide();
}); });
注解:如果show(),hide()方法不带参数则是立即显示,立即隐藏,如果指定速度参数,则会用指定时间进行动态显示,隐藏,单位为毫秒,也可以使用三个内置的速度。
fast(200毫秒),normal(400毫秒),slow(600毫秒)。
20 JQuery插件 JQuery Cookie
(1) 什么是Cookie Cookie就是保存在浏览器上面的内容,用户在这次浏览页面的时候向Cookie中保存文本内容。下次在访问页面的时候就可以取出来上次保存的内容,这样就可以得到上次”记忆的内容”。Cookie不是JQuery特有的概念,只不过是JQuery把它简化的更好用而已。
(2) Cookie需要浏览器的支持,浏览器的Cookie是可以禁用的,如果禁用了Cookie就不能使用了,不过一般不用考虑禁用Cookie的情况,Cookie的几个特征,Cookie是与域名相关的,所以163.com不能读取baidu.com记录的Cookie,因为如此读取,设置Cookie的时候不用担心不同域名Cookie的冲突,一个域名能写入的Cookie总尺寸是有限制的,一般是几千字节,能写入的Cookie总条数一般是几十条,超过以后浏览器自己会根据自己的策略移除一些Cookie,Cookie不是写入以后一定下一次能读取出来,浏览器可能会定期清除,用户也可以手动清除。
(3) Cookie就是存储在浏览器上面的一些数据。
21 JQuery Cookie使用
(1) 使用方法,Cookie保存的是键值对。
1) 添加JQuery.Cookie.js
2) 设置值, $.cookie(“名字”,”值”)。 Cookie中保存的值都是文本
3) 读取值 var v=$.cookie(“名字”);
4) $.cookie(“用户名”,”Tom”);在同域名的另外一个页面下面也能读到。
(2) 设置值的时候还可以指定第三个参数, $.cookie(“名字”,”值”,{expires:7,path:’/’,domain:’itcast.cn’,secure=true}); expires表示要求浏览器保留Cookie几天,这个值只是给浏览器的建议,可能没到时间已经被清除了。