console查看对象结构

今天药忘吃喽~ 2021-09-26 16:46 270阅读 0赞

<input id="btn" type="button" value="点击"/>	
    	<ul>
            <li id="test">1</li>
            <li>2</li>
            <li>3</li>
        </ul>
     <input type="checkbox" value="复选框" id="ckb" name="ckbName"/>

<script type="text/javascript">
    $(document).ready(function() { 
    	$('#btn').bind('click',function(){//为什么点击事件必须在上面方法里面
    		//alert("User clicked on btn");
    		alert($(this).val());
    		console.log("User clicked on btn");
    		console.log("123:"+$("[name=ckbName]:checkbox").prop("checked",this.checked));
    
    	});
    	
    	console.log($('li')[0].nodeName);    // 输出'li'
        console.log($('#test')[0].nodeName);    //输出'li'
        console.log($('li').length);    //输出'3
        console.log(Object.prototype.toString.call($('li')));
        console.log('%O', $('li'));
        console.log('%o', $('li'));
        
        $('#ckb').bind('click',function(){
    		console.log(this.checked);//this表示上下文;checked表示 Checkbox 对象的属性(是否被选中)
    	});
        
    });
    	
    </script>

![70][]

参考：http://www.html-js.com/article/Read-jQuery-jQuery-objects

http://www.alloyteam.com/2013/11/console-log/

[70]: /images/20210923/341f9a128da944efa75a9049b5fd8808.png

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 调试助手 - console对象

相信对console对象大家已经不会陌生了，我们常常调用它来调试js代码,在浏览器中按F12调出开发者工具，可以看到Console面板，在js中使用console对象，结果会输

曾经终败给现在/ 2023年02月23日 05:16/ 0 赞/ 6 阅读

相关 console对象的方法

方法: > console 对象中较多使用的主要有四个方法 console.log(), console.info(), console.warn(), 和console

刺骨的言语ヽ痛彻心扉/ 2023年01月02日 07:29/ 0 赞/ 121 阅读

相关 Linux基础：通过setools-console查看SELinux信息

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

我就是我/ 2022年11月29日 13:30/ 0 赞/ 180 阅读

相关 javascript console对象

<table> <thead> <tr> <th align="left">方法</th> <th align="left">说明</th> <

落日映苍穹つ/ 2022年11月21日 03:54/ 0 赞/ 158 阅读

相关 JS中的console对象

在调试 JS 代码时，我们大多人倾向于使用 alert() 或者 console.log() 方法来输出信息，正如某些 Java 程序员喜欢在调试代码时使用System.out

刺骨的言语ヽ痛彻心扉/ 2022年07月14日 15:27/ 0 赞/ 206 阅读

相关 Console

一、显示信息的命令 <!DOCTYPE html> <html> <head> <title>常用console命令</title

刺骨的言语ヽ痛彻心扉/ 2022年06月18日 00:25/ 0 赞/ 172 阅读

相关关于eclipse console输出的相关配置与查看

1. 怎么才能显示Eclipse中ConSole的全部输出内容： ``` window->preference->run/debug->conso

怼烎@/ 2022年05月24日 05:15/ 0 赞/ 236 阅读

相关 console对象

1、log 如果第一个参数是格式字符串（使用了格式占位符），\\console.log\\方法将依次用后面的参数替换占位符，然后再进行输出。 console.l

水深无声/ 2022年03月14日 15:08/ 0 赞/ 197 阅读

相关利用console对象控制台输出标签对象

方式一： let input = document.getElementById("file"); console.dir(input); 方式

深藏阁楼爱情的钟/ 2021年11月26日 14:50/ 0 赞/ 336 阅读

相关 console查看对象结构

<input id="btn" type="button" value="点击"/> <ul> <li id="test">1</l

今天药忘吃喽~/ 2021年09月26日 16:46/ 0 赞/ 271 阅读