Jquery基础整理2

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几天，这个值只是给浏览器的建议，可能没到时间已经被清除了。