dom与jquery互相转换

 1         /*取得<input>标签中的value属性的内容[dom对象->jquery对象]
 2         var inputElement = document.getElementById("inputID");//DOM对象
 3         var $input = $(inputElement);//jQuery对象
 4         var value = $input.val();
 5         alert(value);
 6         */
 7
 8         /*取得<div>标签中的文本内容[jquery对象->dom对象,方法一]
 9         var $div = $("#divID");//jQuery对象
10         var divElement = $div[0];//DOM对象
11         var html = divElement.innerHTML;
12         alert(html);
13         */
14
15         //取得<div>标签中的文本内容[jquery对象->dom对象,方法二]
16         var $div = $("#divID");//jQuery对象
17         var divElement = $div.get(0);//DOM对象
18         var html = divElement.html();
19         alert(html);

dom与jquery互相转换

时间: 2024-08-05 19:28:33

dom与jquery互相转换的相关文章

jQuery对象和DOM对象区别及其转换

jQuery对象是通过jQuery包装DOM对象后产生的对象. DOM对象可以使用js中的方法 jQuery对象无法使用DOM对象中的方法: 举个例子: $("#foo").html();//这个就是jquery的方法 等同于下面 document.getElementById("foo").innerHTML;//这个就是js方法: 1.jQuery对象转换成DOM对象 (1)jQuery对象是一个类似数组的对象,可以通过[index]和get(index). v

jQuery对象和DOM对象的互相转换

jQuery提供两种方法讲一个jQuery对象转换成DOM对象,即[index]和get(index). (1)jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象. var $cr = $("#cr");//jQuery对象 var cr = $cr[0];//DOM对象 alert(cr.checked)//DOM检测这个checkbox是否被选中 (2)另一个方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象. var

jQuery对象与DOM对象之间的转换(转)

什么是jQuery对象? —就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $(“#test”).html()   意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById(“id”).innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0

JQuery对象转dom ,dom转jQuery

jquery对象转换成 dom对象jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index).可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法复制代码 代码如下: var $cr=$("#cr"); //jquery对象var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);alert(cr.ch

DOM与JQuery 常用属性

DOM 与 JQuery 与 HTML5 事件 DOM: document.getElementById('btn ').onclick = function(){ }; jQuery: $('#btn').click(function(){ });  ---> 添加事件没有on 对象.事件名(匿名函数); jQuery对象转DOM对象 jQuery对象[0].value(); jQuery对象.get(0).value(); this this     $(this) 获取值 DOM: .va

20170907笔记:JS对象&amp;jQuery对象转换

JS对象转到jQuery对象 // JS与jQuery对象互转 // JS获取对象 var obj = document.getElementById('id'); // 把JS对象转换到jQuery对象 var $obj = $(obj); jQuery对象转到JS对象 // JS与jQuery对象互转 // jQuery获取对象 var $obj = $('#id'); // jQuery对象转换到JS对象 var obj = $obj.get(0);

dom AND JQUERY

1.文档全部加在完毕后执行 一:$(document).ready(function(){} 二:$().ready(function(){} 三:window.onload=function(){} 2.dom转jQuery var username=document.getElementById("username"); alert(username.value); var $username=$(username); alert($username.val()); 3.jQuer

全选与反选(dom与jquery比较)

<html> <head> <title>全选或反选(dom)</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script> var divCheckbox; function init(){ var allCheckbox = document.getElementById("