zoukankan      html  css  js  c++  java
  • jQuery对象和DOM对象之间的转换

    jQuery对象不能使用DOM对象的任何方法,DOM对象也不能使用jQuery对象的任何方法。在需要使用时需要对其进行转换。

    jQuery对象前使用"$",这不是必须的,不这么使用代码也能运行,只不过大家约定俗成的都这么使用。

    1、jQuery对象转为DOM对象:

    jQuery对象是一个数组,可以使用数组下标的方式把jQuery对象转换为DOM对象

    2、DOM对象转换为jQuery对象

    使用$()把DOM对象包装起来就可以了,语法:$(DOM对象);

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
    	$(function (){
    		$("button").click(function (){
    			//获取一个jQuery对象
    			//var $btn = $("button");
    			//jQuery对象是一个数组
    			//aert($btn.length);    //结果为2
    			//通过数组下标转换为DOM对象
    			//alert($btn[1].firstChild.nodeValue);		//结果为ClickMe2
    			//把DOM对象转换为jQuery对象
    			var btn1 = document.getElementById("btn1");
    			alert($(btn1).text());<span style="white-space:pre">	</span>//结果为ClickMe
    		});
    	});
    </script>
    </head>
    <body>
    	<button id="btn1">ClickMe</button>
    	<button>ClickMe2</button>
    </body>
    </html>


  • 相关阅读:
    题解-FJOI2014 树的重心
    题解-CF1307G Cow and Exercise
    题解-SHOI2005 树的双中心

    【转载】SVN使用教程总结
    Fastcgi、CGI 是什么
    通过js或jq增加的代码,点击事件或其他一些事件不起作用时
    js闭包讲解
    PHP 程序员危机(转载)
    浏览器 User-Agent相关知识
  • 原文地址:https://www.cnblogs.com/liuyanmin/p/5146551.html
Copyright © 2011-2022 走看看