Jquery基础整理2

作者:金沙易记域名4166am

16  RadioButton操作

(1) 取得RadioButton中的选中值

Jquery基础整理2。$(“input[Jquery基础整理2。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中参数的[]Jquery基础整理2。不能省略。

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

本文由金沙易记域名4166am发布,转载请注明来源

关键词: