JavaScript与jQuery相互转换

最新推荐文章于 2024-05-08 11:10:06 发布
最新推荐文章于 2024-05-08 11:10:06 发布
阅读量561 收藏 2
点赞数
分类专栏： 04 javascript 05 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Birdmotianlun/article/details/100116446
版权

目录

JavaScript与jQuery书写方式区别

JavaScript书写

jQuery书写

列：实现js与jq的获取dom元素

JavaScript中dom对象与jQuery对象的转换

JavaScript与jQuery书写方式区别

jQuery使用要导包

JavaScript书写

<script>
	//传统方式页面加载
	window.onload=function(){
		alert("javascript");
	}

</script>

jQuery书写

<script src="../js/jquery-3.4.1.min.js"></script>
<script>
	//jquery页面加载
	$(function(){
		alert("jquery")
	});
</script>
</head>

列：实现js与jq的获取dom元素

实现点击button按钮打开另一个网页

<body>
	<input type="button" value="点我有惊喜" id="btn" />
</body>

a JavaScript方式实现


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  birdlun
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
【JavaWeb】84：jQuery与js之间的转换

				
			

			

				

					刘小爱的博客
				

				

					07-10
					
					815
					
				

			

		

		

			
				
jQuery，前端最容易入门的一个库了，大概大概吧……

			
		

	



                

              
                



	

		

			

				
					
jquery对象怎么转为js对象

				
			

			

				

					weixin_66107848的博客
				

				

					02-01
					
					926
					
				

			

		

		

			
				
jquery对象转换成js对象的方法：1、使用“jquery对象[index]”语句进行转换；2、使用“jquery对象.get(index)”语句进行转换。

js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。

例如：

①document.getElementById("text").hide();

实现

			
		

	



                


  
              

                


	

		

			

				
					
神器：jQuery一键转换为纯净JavaScript代码

					
最新发布

				
			

			

				

					ChatGPTer
				

				

					05-08
					
					374
					
				

			

		

		

			
				
虽然 jQuery 一直是 Web 开发中的主要内容，但它常常变得不是必要项，许多项目只使用其功能的一小部分。然而，由于代码库需要进行大量更改，删除 jQuery 的想法可能令人恐惧。jQuery 到 JavaScript 转换器可以轻松地从 jQuery 转换到普通 JavaScript，让您可以顺利地进行切换，而无需对现有代码进行大量修改。该工具将 jQuery 代码转换为现代、高效的 JavaScript。它允许您用纯 JavaScript 替换 jQuery，同时保持原始代码不变。

			
		

	





	

		

			

				
					
jQuery对象与js对象互相转换

				
			

			

				

					JackLiu16的博客
				

				

					03-18
					
					5522
					
				

			

		

		

			
				
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index)：(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get(...

			
		

	



		

			
		



	

		

			

				
					
jQuery对象与js对象相互转换

				
			

			

				

					GodGump的博客
				

				

					02-22
					
					688
					
				

			

		

		

			
				
转换的原因简单说下：虽然jQuery是js的封装和改进版，但是jQuery返回的大多是jQuery的对象，而js则以DOM为主。
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index);



			
		

	





	

		

			

				
					
在线jquery.min.js引用

					
热门推荐

				
			

			

				

					透明大脑
				

				

					05-16
					
					5万+
					
				

			

		

		

			
				
jQuery： 


script

type="text/javascript"

src="http://code.jquery.com/jquery-latest.js">script>

script
type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>


			
		

	





	

		

			

				
					
JavaScript与jQuery

				
			

			

				

					weixin_47244853的博客
				

				

					09-08
					
					131
					
				

			

		

		

			
				
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的;

JavaScript写代码是以widow为开始的如:“window.onload =”,但是widow不可以大面积;一个页面主要以一个开头为主!

获取参数id以var开始声明变量接收,通过document.来获取还有value的值

document.getElementById(“”)查找

			
		

	





	

		

			

				
					
jQuery对象与js对象之间的转换

				
			

			

				

					zhansan的博客
				

				

					06-04
					
					1698
					
				

			

		

		

			
				
jQuery对象与js对象之间的转换

			
		

	





	

		

			

				
					
JS对象和JQuery对象的相互转换

				
			

			

				

					于歌852的标题
				

				

					04-01
					
					2058
					
				

			

		

		

			
				
js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。

在JQuery中核心函数 是  $() 
直接传一个函数 则类似于$(document).ready函数 
如果传选择器 则类型与 document.querySelect(); 
调用JQuery封装好的JS事件或者属性函数 

		//区分JS和JQue.

			
		

	





	

		

			

				
					
JavaScript对象与JQuery对象及其相互转换

				
			

			

				

					m0_46160024的博客
				

				

					05-12
					
					440
					
				

			

		

		

			
				
本段代码展示了JavaScript对象与JQuery对象及其相互转换，具体分为三个小部分，即JavaScript对象、JQuery对象以及两者之间的相互转换。

			
		

	





	

		

			

				
					
Js对象和jQuery互相转化

				
			

			

				

					gulanga5的博客
				

				

					04-27
					
					789
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--引入jq框架-->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	</head>
	<body>
		.

			
		

	





	

		

			

				
					
jquery与javascript的相互转换

				
			

			

				

					piao317110771的博客
				

				

					11-23
					
					739
					
				

			

		

		

			
				

1、代码

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta http-equiv="Content-Type" content="text/html;

			
		

	





	

		

			

				
					
jquery对象和js对象的相互转换

				
			

			

				

					wenxiukeke的博客
				

				

					07-06
					
					1万+
					
				

			

		

		

			
				
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get...

			
		

	





	

		

			

				
					
JavaScript和jQuery对象之间的转换

				
			

			

				

					weixin_43438913的博客
				

				

					08-23
					
					724
					
				

			

		

		

			
				
JavaScript和jQuery对象之间的转换
如何将JavaScript对象转化为jQuery对象
在学习JavaScript和jQuery后，再写代码时会将JavaScript的方法和jQuery的方法记混，比如JavaScript的添加内容方法对象.innerHTML属性，而在jQuery中时对象.html。那么在实际开发工作中如果想用JavaScript对象调用jQuery的属性和方法那...

			
		

	





	

		

			

				
					
 jquery对象和js对象互换

				
			

			

				

					︶ㄣ煋夜宸べ
				

				

					12-14
					
					328
					
				

			

		

		

			
				
[size=medium][color=red]jQuery对象转成DOM对象： [/color]

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); 

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 

如：var $v =$("#v") ; //jQuery对象 

var v=$v[0...

			
		

	





	

		

			

				
					
jquery对象和dom对象相互转换

				
			

			

				

					06-08
				

			

		

		

			
				
将DOM对象转换为jQuery对象，可以使用jQuery函数，例如:

```javascript
var domObject = document.getElementById("myDiv");
var $jqueryObject = $(domObject);
```

将jQuery对象转换为DOM对象，可以使用数组下标或者get()函数，例如:

```javascript
var $jqueryObject = $("#myDiv");
var domObject = $jqueryObject[0];
// 或者
var domObject = $jqueryObject.get(0);
```

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值