分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery对象与js对象转换

发布时间:2023-09-06 02:30责任编辑:郭大石关键词:jsjQuery

前言

jq方法和js的方法属性是不能互相使用的,所以有时候就需要转一下,下面就介绍下方法。

js对象转化为jQuery对象

var box=document.getElementById("box");
var $box=$(box);

jQuery对象转化为js对象

var box1=$(box)[0];
var box2=$(box).get(0);

示例:

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> ???????<script> ???????????//以下用innerHTML和html()测试下 ???????????//js对象 ???????????var box=document.getElementById("box");//OK ???????????//box.innerHTML="好好学习天天向上";// ???????????//box.html("愿你努力的速度, 赶上父母老去的速度");//TypeError: box.html is not a function因为heml()是jQuery的方法,js对象不能用 ???????????$(box).html("不要当父母需要你的时候,除了泪水一无所有");//OK ???????????//jQuery对象 ???????????//$("#box").html("祝那个在风雨中砥砺前行的你年少有为");//OK ???????????$("#box").innerHTML="不要当孩子需要你的时候,除了惭愧一无所有";//TypeError: $(...).innerHTML is not a functioninnerHTML是js方法,jquery对象不能使用 ???????????$("#box")[0].innerHTML="不要当自己回首过去,除了蹉跎一无所有";//OK ???????????$("#box").get(0).innerHTML="把期待放低一点,把目标订小一点,一个个认真完成,一步步努力前进,你比你想象的更优秀";//OK ???????</script>

jQuery对象与js对象转换

原文地址:https://www.cnblogs.com/my466879168/p/10278999.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved