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

    初心商城:初心商城

    作者:韩迎龙(Kencery)    MVC/.NET群:159227188
    如果您认为这篇文章还不错或者有所收获,您可以通过右边的“打赏”功能 打赏一杯咖啡,本页版权归作者和博客园所有,欢迎转载,但未经作者同意必须保留此段声明, 且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利

  • 相关阅读:
    Salesforce LWC学习(二十五) Jest Test
    Salesforce LWC学习(二十四) Array.sort 浅谈
    Salesforce LWC学习(二十三) Lightning Message Service 浅谈
    Salesforce LWC学习(二十二) 简单知识总结篇二
    开发第一个基于PyQt5的桌面应用
    python操作sqlite的小例子
    git rebase -i的时候用的不是 vi 编辑器是 nano编辑器不会用
    周六和女友简单的分析了一下飞机大战游戏的设计思路和概念
    Debian/Ubuntu添加PPA源更新提示无公钥被禁用
    布鲁斯口琴进阶教程资料分享
  • 原文地址:https://www.cnblogs.com/hanyinglong/p/2405457.html
Copyright © 2020-2023  润新知