Jquery中取得javascript的原生对象

最新推荐文章于 2022-05-15 23:11:05 发布
最新推荐文章于 2022-05-15 23:11:05 发布 · 294 阅读 · 0
文章标签：

#jQuery #JavaScript #ViewUI

本文介绍了解决JQuery与原生JavaScript混合使用时的问题。通过具体实例演示了如何利用$()[0]从JQuery对象转换为原生DOM对象，以便调用如onsubmit等方法。
在使用Jquery 开发的过程中一定会发生这样的问题，当用$()获取到dom对象是，但是这时又要用原生的js方法是怎么办呢？用$()执行的方法由于Jquery封装了了js对象，所以$()是无法执行原生的JS方法的！
解瘊办法是：使用$()[0]表示获取回来的js原生对象,如

$('#formId')获取回来的是Jquery封装过的form对象，但是jquery对form的onsubmit支持得不好，这时要用原生的js方法，就可以执行如下代码


$('#formId')[0].onsubmit();
$('#formId')[0].submit();


上面的代码表示用JQuery获取了表单对象，并用[0]取得js原生对象，然后执行onsubmit方法，再执行submit方法提交表单!
Mandel19
关注
jquery对象和javascript对象即DOM对象相互转换
12-09
总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点，提升代码的可读性和效率。在编写jQuery代码时，一定要注意选择合适的方法，避免混淆两者，这样...
jQuery对象和Javascript对象之间转换的实例代码
12-09
有时，你可能需要从jQuery对象中提取原始的DOM元素以便使用JavaScript原生方法。有以下两种方式： 1. **索引访问**：jQuery对象实际上是一个数组-like对象，你可以通过索引来访问其内部的DOM元素。例如： ```...
jQuery基础---如何从jquery对象中获取原生对象
weixin_41740463的博客
10-06 970
前言：js其实有一大堆没有写，主要是没空，十月份补上到时候。 何为jquery对象： $('div') 何为原生对象： var box = document.querySelector('div') 如何从jquery中获取原生对象： 索引方式： $('div')[0] get方法： $('div').get(0) 这里两个“0”都是index的意思 下面列举一些目前学到的获取jquery对象的方法： $('li:first') $('li:last') 选取开头或结尾的对象 $(
jQuery -原生 如何互转
黄洪波的博客
12-13 502
 今天研究源码的时候发现，不需要用get() 也能进行原生转换，使用原生方法。 原生- jQuery对象  　　var obj=document.xxx 　　$(obj).css(); 　　也可以直接 $(document.xxx)
JS原生和jQuery获取对象之间的相互转换
qq_33080615的博客
05-14 692
为什么JS对象和JQ对象之间要相互转换 JS内置属性和方法与JQ原型上提供的属性和方法不能公用 1、基于原生JS提供的属性和方法获取 =》 ‘原生JS对象’ 可以调取使用内置的JS属性和方法 className onclick 。。。 原生JS对象转换为JQ对象 let tabBox = document.querySelector('.tabBox') //方法 let $tabBo...
jQuery与js对象互转
weixin_34209406的博客
12-06 147
@参考文章 1 jQuery对象转js 亲测有效 var $v=$("#v"); //jQuery对象 var v=$v.get(0); //js对象 或 var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 2 js转jQuery 这个不需要参考了，之前有用到想了想试了下就成功了 $(js对象)就行了 转载于:...
jquery对象与js对象的相互转换
John的专栏
09-27 2483
工作中遇到操作frame插入节点的问题，需要在frame内部获取到父窗口，刚开始用jq操作无法解决问题，后面在父窗口的body上加个id，然后利用原生JS的parent.window.document.getElementById方法获取到父窗口的body对象，但是插入节点的话无法用jq方法，因为原生获取到的是DOM对象，刚开始想的是用js原生的方法appendChild，但是这个必须也是DOM对
javascript 原生Dom对象和jQuery对象的联系和区别
06-08
JavaScript中的DOM对象和jQuery对象是两种不同的数据结构，它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要，因为这有助于选择合适的工具进行网页交互。 ...
JQuery获取和修改元素；jQuery和js对象之间的转换
Rockandrollman的博客
06-20 658
1.获取jQuery对象 var btns = document.getElementByTagName("button");//获取js对象 var $btns = $('button');//获取jQuery对象 var $btns = jQuery('button');//获取jQuery对象 var $btns = window.jQuery('button');//获取jQuery对象 （1）如果出现错误信息：$ is not defined 原因：JQuery属于第三方封装库，在使用时需要先引入
JQ通过$()获得的对象与JS语句获得的对象的区别
lilysmileforyou的博客
07-01 3250
今天遇到了一个问题，一直认为JQ获得的元素和JS获得的元素随时可以通用，其实不是... try $(function(){ var myVideo = $("#video1"); //JQ语句获得的元素 // var myVideo = document.getElementById('video1'); //JS语句获得的元素 var btus = $("bu
Jquery 获取对象的几种方式
松篁
11-22 419
1、先讲讲JQuery的概念 JQuery首先是由一个 America 的叫什么 John Resig的人创建的，后来又很多的JS高手也加入了这个团队。其实 JQuery是一个JavaScript的类库，这个类库集合了很多功能方法，利用类库你可以用简单的一些代码实现一些复杂的JS效果。2、JQuery实现了 代码的分离 不用再网页中加入如：onclick之类的事件来调用函数了，直接引入JQ...
jQuery基础（对象获取、相关方法）
m0_59592734的博客
05-15 1825
jQuery 它对我们常见的js操作dom进行封装是我们开发更加方便 （新建.min.js文件，复制Download the compressed, production jQuery 3.6.0中的代码到里面，再在工程中引入就行了） // 2. 等着页面DOM加载完毕再去执行js 代码，入口函数 $(function() { $('div').hide(); }) $是jQuery的别称 +- jq对象和dom对象的...
行级元素和块级元素-洋葱先生-杨少通
前端小白的逆袭
09-14 588
在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。 常用的块状元素有： 、、…、、、、、、 、 常用的内联元素有： 、、、、、、、、、、 常用的内联块状元素有： 、 块级元素什么是块级元素？在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将行内元素a转换为块状元素，使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元
JQ获取对象的几种方式
qq_41812381的博客
04-15 276
if ($(this).eq(0).attr('id') == 'ConsigneeTel') 判断当前的对象的ID是否等于ConsigneeTel var id = $(this).index(".jsfocus"); 获取类名含JSFOCUS的对象的序号 $('select[id="CarrierType"]').next().find('.layui-select-title input') 获取ID/name/Class为CarrierType的对象的下的类名含layu...
LeetCode 77. 组合 | Python
"大梦三千秋的博客
09-08 765
使用数学组合数的思路，解决 LeetCode 《77. 组合》问题
Web开发-JQuery
KrisChung博客
09-07 603
关于js对象与jq对象 关于js对象与jq对象 js对象与jq对象的互相转换以及获取元素创建元素 . . 关于jq插件的引用 www.bootcdn.cn –> 复制链接 jquery.min.js <!DOCTYPE html&a
jquery失去焦点与获取焦点事件blur() focus()
热门推荐
凌晨de太阳
08-31 4万+
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。 如：  代码如下 复制代码  $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。  如：
jquery+ajax获取本地json对应数据
P664231的博客
10-25 4986
首先，记得导入jquery.js文件。 json内容: var obj123=[         {"option":"2,3,9,14,19,24,32","pdc":"1.洗卸凝胶.2、面膜.3、EGF.4、辅酶Q10.5、舒缓眼霜.6、拍拍霜"},         {"option":"2,4,9,14,19,24,32","pdc":"1.洗卸凝胶
JQ对象和JS对象之间的转化
云飞扬°的博客
05-17 2577
JQ对象和JS对象之间的转化 将JS对象转换成JQ对象 $(div).html("JS对象转换成JQ对象") 将JQ对象转成JS对象 var $div = $("#div1"); var jsDiv = $div.get(0); //或者用var jsDiv = $div[0]; <!DOCTYPE html> <html> <head> ...
深入理解jQuery源码中的JavaScript面向对象机制
文档指出，在传统面向对象语言中，“类”是创建对象的模板，而在JavaScript中，由于其基于原型（prototype-based）的语言特性，并没有原生的class关键字（ES6之前），因此通过函数来模拟类的行为。例如，定义一个名...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值