DOM对象与jquery对象对比

最新推荐文章于 2021-05-28 12:22:17 发布
最新推荐文章于 2021-05-28 12:22:17 发布
阅读量1k 收藏
点赞数
分类专栏： DOM JQuery 文章标签： JQuery dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fanbin168/article/details/16891643
版权
JQuery 同时被 2 个专栏收录
53 篇文章 0 订阅
订阅专栏
DOM
19 篇文章 0 订阅
订阅专栏 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    /*
        function gud() {
            if ($("#TextBox1").val() > 5000) {
                document.getElementById("TextBox1")
                $("#Label1").text("余额不足");
                return false;
            }
            else {
                $("#Label1").text($("#TextBox1").val());
                return true;
            }
        }
        */
        function gud() {
            if (parseInt(document.getElementById("TextBox1").value, 10) > 5000) {
                document.getElementById("Label1").innerText = "余额不足";
                return false;
            }
            else {
                document.getElementById("Label1").innerText = "您取的金额为【" + document.getElementById("TextBox1").value + "】元";
                return true;
             }

        }
        
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <!--OnClientClick用于执行客户端脚本.当我们单击一个按钮时,最先执行的是OnClientClick 事件,根据OnClientClick 事件的返回值来决定是否执行OnClick事件来postback页面.其返回值为true 和 false,默认情况下OnClientClick 返回值为真-->                                    
        <asp:Button ID="Button1" runat="server" Height="20px" OnClientClick="return gud();" οnclick="Button1_Click" 
            Text="取款" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    
    </div>
    </form>
</body>
</html>

</pre><pre code_snippet_id="78109" snippet_file_name="blog_20131122_1_7599051" name="code" class="html">即便用户在客户端禁用js， 在服务器端要需要做最后的验证，以保障客户端禁用JS后客户端的js代码不执行，直接跳过判断。所以服务器端需要做最后的验证。
服务器端代码：
<pre code_snippet_id="78109" snippet_file_name="blog_20131122_1_7599051" name="code" class="csharp">using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        if (Convert.ToInt32(TextBox1.Text) > 5000)
        {
            Label1.Text = "金额不足";
            return;
        }
        else
        {
            Label1.Text = Convert.ToString(TextBox1.Text);
        }
    }
}


 

 


                

        

        

    




    

      

        

            

              
                
                  无盐海
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
jQuery之DOM对象和jQuery对象的转换与区别分析

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery之DOM对象和jQuery对象的转换与区别分析,对比分析了DOM对象和jQuery对象的原理与用法,具有一定参考借鉴价值,需要的朋友可以参考下

			
		

	



                

              
                



	

		

			

				
					
jQuery判断对象是否存在的方法

				
			

			

				

					10-24
				

			

		

		

			
				
本篇文章将详细介绍如何在jQuery中判断对象是否存在，并与JavaScript的传统方法进行对比。  一、JavaScript的传统方法  在纯JavaScript中，我们通常通过`document.getElementById`或`document.querySelector`等方法...

			
		

	



                


  
              

                


	

		

			

				
					
比较jQuery对象

				
			

			

				

					CSS 初学者指南
				

				

					06-26
					
					194
					
				

			

		

		

			
				
如果两个jQuery对象相同，您就无法真正进行比较。 
if ($(selectionOne) === $(selectionTwo)) {

}
 您可以比较DOM对象... 
if ($(selectionOne)[0] === $(selectionTwo)[0]) {

}
 但这仅在比较单个元素而不是集合时才真正有用。 
 如果需要比较元素的集合，则此StackOverflow线程的...

			
		

	





	

		

			

				
					
jquery对象的比较

				
			

			

				

					lolichan的博客
				

				

					08-10
					
					262
					
				

			

		

		

			
				

$("div").each(function(index, domEle)
{
    alert(domEle == this)//true
    alert($(domEle)==$(this));//false              
});
 这里我们用了jquery核心函数的
jQuery(elements);
我们传递一个element，然后产生一个jquery对...

			
		

	



		

			
		



	

		

			

				
					
DOM对象与jquery对象之间的关系对比

				
			

			

				

					qq_37822353的博客
				

				

					09-12
					
					1112
					
				

			

		

		

			
				
源程序：

	

解析：
(1)DOM与jquery获取节点对象的体现形式
var divdom = document.getElementById("parent");
alert("dom对象为："+divdom);
 

var divjquery = $("#parent");
alert("jqeury对象："+divjquery);
 

alert("jquery对象转DOM对象通过

			
		

	





	

		

			

				
					
post 和 get比较、jquery和dom比较、jquery中eq和get使用、jquery常用方法、集合处理功能

				
			

			

				

					mikeson888的专栏
				

				

					03-06
					
					569
					
				

			

		

		

			
				
1. 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
•无法使用缓存文件（更新服务器上的文件或数据库）
•向服务器发送大量数据（POST 没有数据量限制）
•发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
2. jQuery对象与dom对象的转换。
普通的dom对象一般可以通过$()转换成jQuer

			
		

	





	

		

			

				
					
DOM对象与jQuery对象的区别

				
			

			

				

					m0_57448314的博客
				

				

					05-28
					
					305
					
				

			

		

		

			
				
DOM对象：使用JavaScript的方法获取的对象就是DOM对象。

JQuery对象：使用jQuery的方法获取的对象就是jQuery对象。

小提示：DOM = Document Object Model（文档对象模型）

1. Javascript中的DOM对象

例如：document.getElementByld（“box”）; //（通过id去获取到一个元素，一个id为box的元素称为）DOM对象，而js中的getElementsByTagName是通过获取元素节点得到的。

jQuery对象

			
		

	





	

		

			

				
					
jQuery对象与DOM对象

				
			

			

				

					Hhjian524的博客
				

				

					11-29
					
					400
					
				

			

		

		

			
				
对于才开始接触jQuery库的初学者，我们需要清楚认识一点：
jQuery对象与DOM对象是不一样的
可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。
通过一个简单的例子，简单区分下jQuery对象与DOM对象：

通过原生DOM模型提供的document.getElementById(“demo1”) 方法获取的DOM元素就是...

			
		

	





	

		

			

				
					
jQuery概述 /  Dom对象与jQuery对象

				
			

			

				

					weixin_50119334的博客
				

				

					10-10
					
					214
					
				

			

		

		

			
				
jQuery概述
javascript库，即library，是一个封装好的特定的集合（方法和函数），就是在这个库里面。封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素
简单理解，就是一个js文件，里面对原生js进行了封装，存放到里面，这样我们可以快速高效地使用这些封装好了的功能。直接调用就好了。
比如 jQuery，就是为了快速方便地操作DOM，里面基本都是函数（方法）。里面都是用原生js实现的。
常见js库：
jQuery、prototype、YUI、Dojo、E

			
		

	





	

		

			

				
					
DOM对象和Jquery对象的区别

				
			

			

				

					qq_41504815的博客
				

				

					03-10
					
					287
					
				

			

		

		

			
				
1.jQuery对象和DOM对象
DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;
复制代码 代码如下:
var domObj = document.getElementById(“id”); //DOM对象
var $obj = $("#id"); //jQuery对象;
jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法，例

			
		

	





	

		

			

				
					
jQuery中判断对象是否存在的方法汇总

				
			

			

				

					11-22
				

			

		

		

			
				
`document.getElementById("id")`会返回一个表示指定ID的元素的DOM对象，如果元素不存在，则返回null。所以，可以这样判断：  ```javascript if (document.getElementById("id")) {  // 元素存在，执行相关操作 } ...

			
		

	





	

		

			

				
					
jQuery商品映射对比代码

				
			

			

				

					07-28
				

			

		

		

			
				
实现这一功能，开发者通常会使用jQuery的事件处理函数（如`.click()`）来监听用户的点击行为，结合DOM操作（如`.append()`或`.html()`）来动态插入或更新对比面板的内容。同时，为了实现搜索功能，可能还需要用到...

			
		

	





	

		

			

				
					
jQuery商城商品参数对比筛选代码

				
			

			

				

					06-24
				

			

		

		

			
				
在代码中，可能使用了数组或对象来保存商品信息，然后通过模板引擎或者jQuery的DOM操作来生成对比表格。  响应式布局是现代网页设计的关键要素，确保网站在不同尺寸的设备上都能正确显示。在这个项目中，使用媒体...

			
		

	





	

		

			

				
					
jquery比较两个对象

				
			

			

				

					ersorn
				

				

					01-09
					
					1784
					
				

			

		

		

			
				
//提交的    
var sss = { 'name': 1, 'age': 20, 'jieshao': "ccc", 'xxx': '', }   

//返回的    
var ggg = { 'name': 3, 'age': 10, 'jieshao': "ccc", 'xxx': '', }   
 var arr = {}; ...

			
		

	





	

		

			

				
					
获取Confirm() 的返回值

					
热门推荐

				
			

			

				

					Fanbin168的专栏
				

				

					09-20
					
					1万+
					
				

			

		

		

			
				
1》
OnClientClick="javascript: var a=confirm('你确定要删除吗？');if(!a){return false)}" return false的意思是表示：取消冒泡，取消默认事件

2》
OnClick="javascript: var a=confirm('你确定要删除吗？');if(!a){return false)}" 








			
		

	





	

		

			

				
					
事件冒泡 ，阻止事件冒泡 e.stopPropagation()

				
			

			

				

					Fanbin168的专栏
				

				

					07-30
					
					1万+
					
				

			

		

		

			
				
冒泡
    
    
        $(function () {
            $("div li").click(function (e) {
                alert("我是li"); return false;
            })
            $("div ul").click(function (e) { //这个e其实就是even

			
		

	





	

		

			

				
					
Prototype与jQuery：扩展与易用的JavaScript库对比

				
			

			

				

					
				

			

		

		

			
				
3. **返回类型**: Prototype的方法通常返回元素对象或元素数组，而jQuery返回一个jQuery对象，类似数组但在Firebug中显示更为清晰。  在使用示例上，Prototype的写法如下： ```javascript $('speech1').show(); // ...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值