首页 > 其他分享 >jquery 常用代码段汇总

jquery 常用代码段汇总

时间:2022-10-28 16:37:20浏览次数:63  
标签:jquery jQuery test2 dom 对象 汇总 代码段 each

1.Jquery 对象 和 dom 对象的逆转 / 如何判断一个对象时 jquery 对象还是 dom 对象

不管是jquery对象还是dom对象,都可以互转的,如果你只需要jquery对象的话
function(dom)
{
var mydom=$(dom);
}
如果你只需要简单的dom对象的话 :
function(dom)
{
var mydom=dom;
if(dom[0]) //这里可以判断dom[0]是否存在,如果存在肯定是jquery对象
{
mydom=dom[0]; //把jquery对象转成dom对象
}
}


2.jQuery 插件 return this.each中this问题解析
实例代码:
jQuery.fn.test2= function(){
this.css("background","#ff0");//这里面的this为jquery对象,而不是dom对象
return this.each(function(){ //遍历匹配的元素,此处的this表示为jquery对象,而不是dom对象
alert("this"+this+this.innerHTML); //提示当前对象的dom节点名称,这里的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。
})
}

jQuery.fn.test2 是 jquery 插件编写的方法,jQuery.fn只是jQuery.prototype原型对象的别名,如果把上面的jQuery.fn改成jQuery.prototype是一样的,即向jQuery对象里面添加test()方法,这样以后所有的jQuery对象就都能使用这个test()方法了

上面 return this.each() ,因为自定义一个 test2 插件,如果想实现jquery 方法连写就需要使用这种写法。这与 each 方法内部实现有关,如果没有显示的 return 语句, each 将返回调用当前 each 方法的jquery对象。
jquery方法连写实例:$('#test2').test().hide().height();

标签:jquery,jQuery,test2,dom,对象,汇总,代码段,each
From: https://blog.51cto.com/xxjjing/5805025

相关文章

  • jqueryeasyui-datagrid-编辑器扩展-日期时间编辑器
    //datagrid编辑器扩展$.extend($.fn.datagrid.defaults.editors,{datetimebox:{init:function(container,options){varinput=$('<inputtype="te......
  • 腾讯前端经典react面试题汇总
    概述一下React中的事件处理逻辑。为了解决跨浏览器兼容性问题,React会将浏览器原生事件(BrowserNativeEvent)封装为合成事件(SyntheticEvent)并传入设置的事件处理程序......
  • jQuery源码系列(一)
    ess,domore”的理念,极大的提升了JavaScript开发体验。主要核心特点:1、兼容主流浏览器2、具有独特的链式语法和短小清晰的功能接口3、具有高效灵活的CSS选择器,而且可以对CSS......
  • NFC刷卡芯片系列技术问题汇总
    继之前我们在《智能门锁》里有提到使用的几款13.56M刷卡芯片,本期我们先来讲讲13.56M标配版的几款芯片会遇到的一些常见问题解答。标配版有:SI522/SI522A/SI523;低配版有:CI5......
  • 关于智能玩具车和义工的BUG归类汇总
    1.选择列表展示出不该展示的类型预估:前端传参错误;或数据库里面数据本身错误(前端查询筛选没有传入响应条件) 2.数据未同步更新;现象:审核通过后,详情页修改了;其它页面相关......
  • 算法汇总
    一、枚举算法思想(暴力算法)将问题的所有可能答案一一列举,根据判断条件判断此答案是否合适,一般用循环实现。经典运用:百钱买百鸡、填写运算符二、递推算法思想1.顺推法:从已......
  • 内蒙古专升本考试常见问题汇总
     一、最权威的官方官网网站:“内蒙古招生考试信息网”官网地址:https://www.nm.zsks.cn/二、可以参考的官方文件后续的内容基本上都是从这些文件中整理出来的,不明白的......
  • 肖sir__银行项目汇总(手机转账)
     ========================================银行项目___手机转账第一部份:模拟面试面试官:请介绍一下你所负责的模块如何进行的测试?求职者:好的,我最近测试的是XX银行的......
  • 面试提问汇总
    1、varnish,nginx,squid各自缓存的优缺点 2、cdn的内部业务 3、查询DNS的深层结构 4、lvs的三种模式 5、lvs/nginx/haproxy优缺点 6、Linux的启动过程 7、......
  • Jquery 页面加载(入口)
    Jquery入口函数20221026MyFirstTest<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt......