jquery获取标签内容 jquery和dom对象转换 jquery加载完成

最新推荐文章于 2021-03-17 02:48:19 发布
最新推荐文章于 2021-03-17 02:48:19 发布
阅读量268 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ch5211314/article/details/79210338
版权
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        
        
    </head>
    <body>
        <input type="text" value="aaa" id="ipu1"/>
        
        
        
        
        <script src="../libs/jquery-1.11.0.min.js"></script>
        <script>
            //Dom对像
            var values = document.getElementById("ipu1").value;
            //获得jquery对像
            var $va = $("#ipu1");
            
            alert($va.val());
            
            //alert(values);
            
        </script>
        
    </body>
</html>


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        <script src="../libs/jquery-1.11.0.min.js"></script>
        
        <script>
            
            
            
            /*//dom对像
            var ipu1 = document.getElementById("ipu1");
            
            //Dom转成jquery对像
            var $ipu1 = $(ipu1);
        
            console.log($ipu1.val());*/
            
            
            //得到jquery对像
            var $ipu1 = $("#ipu1");
            
            //转成Dom对像   jquery对象.get(index)
            
            var ipu1 = $ipu1.get(0);
            alert(ipu1.value);
            
            
        </script>
        
        
    </head>
    <body>
        
        <input type="text" value="aaa" id="ipu1"/>
        
    </body>
</html>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        <script src="../libs/jquery-1.11.0.min.js"></script>
        
        <script>
            
            /*方式1:
            $(function(){...})
            方式2:
            $(document).ready(function(){});*/
            
            
            
            //方式1:
            /*$(function(){   
                
                //得到jquery对像
            var $ipu1 = $("#ipu1");
            
            //转成Dom对像   jquery对象.get(index)
            
            var ipu1 = $ipu1.get(0);
            alert(ipu1.value);
            });*/
            
            /*//方式2:
            
            $(document).ready(function(){
                    //得到jquery对像
            var $ipu1 = $("#ipu1");
            
            //转成Dom对像   jquery对象.get(index)
            
            var ipu1 = $ipu1.get(0);
            alert(ipu1.value);
                
            });*/
            
            //js里的页面加载完成，只能写一次，
            /*window.onload = function(){
                alert("aaaa");
            };
            
            
            window.onload = function(){
                alert("bbb");
            };*/
            
            
            
            $(function(){
                alert("aaaa");
            })
            
            $(function(){
                alert("bbb");
            })
            
            
            
        </script>
        
        
    </head>
    <body>
        
        <input type="text" value="aaa" id="ipu1"/>
        
    </body>
</html>










ch5211314
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
在Web开发中，经常需要在jQuery对象和DOM对象之间进行转换，以便可以利用各自对象的方法优势进行高效编程。jQuery对象是包装了DOM对象的类数组对象，它们之间的转换虽然看似简单，但在实际操作中却非常重要。 首先...
jQuery转换对象
Wangmengyao1115的博客
11-08 348
无标题文档 /*$(function(){ alert("asdfghjk"); });*/ /*window.onload = function(){ var myP = document.getElementById("myP"); var text = myP.innerHTML; alert(text); }*/ /*jQuery(document).re
jquery把php数据转换为对象,jquery对象与dom对象之间转换的方式方法
weixin_42545004的博客
03-17 174
jquery变量定义：var $vr=jquery 对象 或者 var vr=jquery对象DOM变量的定义方式：var vr=DOM 对象；如果JQUERY没有封装想要的方法，那就不得不将jquery转换成DOM对象了。处理方式:jquery对象转dom对象的两种方法：(1)jquery对象转换成DOM对象，JQUERY对象是一个集合。即[index]和get[index],代码：var $c...
jquery对象和dom元素的转换
HN.yz@ssg
12-06 9322
jquery对象转成dom对象： 1. $("#id名")[0]  //id选择器 $(function() { //通过id选择器获取jquery对象 var tx=$("#tx"); //转成dom对象 var domObj=tx[0]; }) 2.$("#id名").get(0)   //id选择器 $(function() { //转成dom对象
jquery --- > DOM操作、表单元素的初始化
栗子好好吃的博客
07-15 526
基本过滤选择器: // 选取所有<div>元素中第一个<div>元素 $("div:first") // 选取所有<div>元素中最后一个<div>元素 $('div:last') // 选取class不是myClass的<input>元素 $('input:not(.myClass)') // 选取索引是偶数的<input&...
JavaScript DOM（一）--页面加载完成事件与获取元素节点
kylin_zdd的专栏
06-12 9580
window.onload与$(document).ready()比较 比较项\js or jQuery window.onload $(document).ready() 执行时机 需要等到网页中所有内容加载完成后执行（包括图片） 网页中DOM结构绘制完成后执行 编写个数 不能同时编写多个 可以同时编写执行多个 简化写法 无 ...
jquery对象和javascript对象即DOM对象相互转换
12-09
了解如何在jQuery对象和DOM对象之间转换至关重要，这可以帮助我们在需要使用jQuery的强大功能时，也能灵活地利用DOM对象的原生方法。例如，当你需要操作某个特定的DOM属性，而jQuery没有提供直接的接口时，可以先将...
基于jQuery对象和DOM对象和字符串之间的转化实例
10-19
标签则直接点明了文章的核心内容，即jQuery对象和DOM对象之间的转换。根据提供的部分内容，可以展开讲解如下几个核心知识点： 1. 字符串转换为jQuery对象： 在Web开发中，我们经常会遇到需要将HTML字符串转换为...
jQuery对象和DOM对象相互转化
12-04
DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象；$(“#img”).attr(“src”,”...
jquery 学习（四） 获取标签中的值||text()与html的区别，以及jquery对象与dom对象的转换
money house
09-11 2050
代码如下： 1-4 //等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象："+domObj.innerHTML)
获取DOM元素的标签名
jonsen的博客
05-29 1万+
获取到DOM元素的标签名//通过tagName属性获取 var p = document.getElementById("p"); console.log(p.tagName) //JQ的方法 $("#p").prop("nodeName")来源地址:https://www.liuyjuan.com/185.html...
jQuery（二）DOM加载完成后要执行的函数
Misslay's
10-12 1万+
<script type="text/JavaScript"> jQuery(function(){ alert(jQuery('p').text()); }); </script>这是jquery的基本用法。而且其它三个选项明显不是要执行函数的样子。愿题链接： http://www.nowcoder.com/test/question/done?tid=1746976&qid=22150#sum
11_JQuery DOM操作之获取/设置标签体内容、文本和value值
l0510402015的博客
04-14 984
可以通过JQuery说明文档的“属性”进行查看具体内容 1.html(): 获取/设置元素的标签体内容（包括所包含的标签和标签的内容）（ 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。） * 举例：<a><font>内容</font></a>使用html()获取后<a>标签的结果...
如何在DOM元素加载完毕后执行js代码以及DOM加载过程
weixin_33713350的博客
05-31 3381
最近在写一个动态菜单。即，根据用户角色权限生成菜单选项。动态菜单采用js进行html代码拼接，再append到相应的节点。但是存在一个问题，就是菜单功能的js代码会在DOM元素加载完成之前执行，也就是菜单生成之前执行，所以所有绑定的菜单点击事件都不能执行。 认识DOM和DOM加载过程以及如何让DOM加载完...
jQuery获取的dom对象和原生的dom对象
weixin_33940102的博客
06-17 2551
<div id="box"></div> <!--原生的js--> var a=document.getElementById('aaa') console.log(a)//<div id="box"></div> console.log(a[0] instanceof Object)//true var b=$('#aaa...
jQuery方法返回jQuery对象还是DOM对象
龙腾四海365的专栏
02-16 2187
jQuery方法返回jQuery对象还是DOM对象 1.$()获取的对象都是jQuery对象   $("选择器")   $("")   $(dom) 2.大部分jQuery的API返回的都是jQuery对象   prev()/next()/parent()/children()    如果方法返回的是节点，那么它就是jQuery对象 3.返回的值是字符串
Jquery 获取对象的几种方式
热门推荐
zengyonglan的博客
01-03 2万+
1、JQuery的核心的一些方法 each(callback) ‘就像循环$("Element").length; ‘元素的个数，是个属性 $("Element").size(); ’也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(index); ’功能和上面的相同，index表示第几个元素，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值