zoukankan      html  css  js  c++  java
  • jQuery对象与js对象转换

    前言

    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>
    
  • 相关阅读:
    Windows环境下 配置memcached (php)
    谈谈我是怎么学习PHP的(一)
    重编译Linux命令源代码
    php面向对象学习
    Windows文件系统漏洞
    十分钟能学会的框架,MVC+20个常用函数
    linux系统安装软件方法大全
    oracle基本操作
    MySQL的limit查询优化
    C# winform 可视化操作 Excel文件并读取数据
  • 原文地址:https://www.cnblogs.com/my466879168/p/10278999.html
Copyright © 2011-2022 走看看