jQuery对象与DOM对象及互相转化
2024-09-03 20:36:32
<p id=‘’hello”></p>
普通处理,通过标准JavaScript处理:
var p = document.getElementById('hello');
p.innerHTML = '您好!';
p.style.color = 'red';
jQuery的处理:
var $p = $('#hello');
$p.html('您好!').css('color','red');
jQuery对象转化成DOM对象
1.利用数组下标的方式读取到jQuery中的DOM对象
<div>元素一</div>
<div>元素二</div>
<div>元素三</div> var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
2.通过jQuery自带的get()方法
var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法,转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
DOM对象转化成jQuery对象
var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
最新文章
- 动态加载JS脚本
- [源码]ObjectIOStream 对象流 ByteArrayIOStream 数组流 内存流 ZipOutputStream 压缩流
- redis入门配置
- android 获取路径目录方法以及判断目录是否存在,创建目录
- Python的 is 运算符
- Objective-C ,ios,iphone开发基础:NSDictionary(字典) 和 NSMutableDictionary
- Java类加载器加载类顺序
- Django 后台搭建
- Topics
- jquery.load问题
- MongoDB安装(windows 10环境)
- 1290 - The MySQL server is running with the --secure-file-priv option so it cannot execute this statement
- 解决beego中同时开启http和https时,https端口占用问题
- 【PMP】关键路径法与关键链法
- 【NET Core】 缓存 MemoryCache 和 Redis
- Java 内部类、静态内部类、匿名内部类
- 【翻译】std::remove - C++ Reference
- java并发编程之二--CountDownLatch的使用
- js简单正则表达式验证密码
- PrefixLength的计算
热门文章
- 《笔者带你剖析Apache Commons DbUtils 1.6》(转)
- AGC006 C Rabbit Exercise——思路(置换)
- $GLOBALS超级全局变量(PHP学习)
- grep 命令使用指南
- php redis 常用方法
- (转)winform pictureBox后台显示图片
- 全文检索引擎Solr系列——整合中文分词组件IKAnalyzer
- Unity Shader入门精要读书笔记(三)Shader必须的数学基础
- php代码优化 -- array_walk 和 foreach, for 的效率的比较
- winform为本地化资源添加tag属性