JavaScript/jQuery

jquery中prop和attr的区别

jquery中prop和attr的区别

  • JavaScript/jQuery

对于dom固有属性使用prop,比如href,target,class等对于dom本身不存在的,自定义添加的属性使用attr prop与attr的测试</ti </p> </div> </div> </a> </article> </div> <div class="c-pagination"> <nav class="navigation pagination" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><a class="prev page-numbers" href="http://longlonggo.com/category/javascript-jquery/page/2/"><i class="fa fa-angle-left" title="Previous page"></i></a> <a class="page-numbers" href="http://longlonggo.com/category/javascript-jquery/"><span class="screen-reader-text">Page Number</span>1</a> <a class="page-numbers" href="http://longlonggo.com/category/javascript-jquery/page/2/"><span class="screen-reader-text">Page Number</span>2</a> <span aria-current="page" class="page-numbers current"><span class="screen-reader-text">Page Number</span>3</span> <a class="page-numbers" href="http://longlonggo.com/category/javascript-jquery/page/4/"><span class="screen-reader-text">Page Number</span>4</a> <a class="next page-numbers" href="http://longlonggo.com/category/javascript-jquery/page/4/"><i class="fa fa-angle-right" title="Next page"></i></a></div> </nav> </div> </div> </main> <aside class="sidebar" role="complementary"> <div id="categories-3" class="widget clearfix widget_categories"><h2 class="widget__title">分类</h2><nav aria-label="分类"> <ul> <li class="cat-item cat-item-55"><a href="http://longlonggo.com/category/chrome/">Chrome</a> (2) </li> <li class="cat-item cat-item-13"><a href="http://longlonggo.com/category/dos/">Dos</a> (6) </li> <li class="cat-item cat-item-3"><a href="http://longlonggo.com/category/eclipse/">Eclipse</a> (10) </li> <li class="cat-item cat-item-81"><a href="http://longlonggo.com/category/elasticsearch/">ElasticSearch</a> (1) </li> <li class="cat-item cat-item-38"><a href="http://longlonggo.com/category/excel/">Excel</a> (1) </li> <li class="cat-item cat-item-8"><a href="http://longlonggo.com/category/freemarker/">Freemarker</a> (2) </li> <li class="cat-item cat-item-11"><a href="http://longlonggo.com/category/git-svn/">Git/Svn</a> (2) </li> <li class="cat-item cat-item-9"><a href="http://longlonggo.com/category/html-css/">Html/Css</a> (10) </li> <li class="cat-item cat-item-7"><a href="http://longlonggo.com/category/ibits/">IBits</a> (3) </li> <li class="cat-item cat-item-2"><a href="http://longlonggo.com/category/java/">Java</a> (54) </li> <li class="cat-item cat-item-5 current-cat"><a aria-current="page" href="http://longlonggo.com/category/javascript-jquery/">JavaScript/jQuery</a> (33) </li> <li class="cat-item cat-item-75"><a href="http://longlonggo.com/category/linux/">Linux</a> (2) </li> <li class="cat-item cat-item-49"><a href="http://longlonggo.com/category/maven/">Maven</a> (2) </li> <li class="cat-item cat-item-84"><a href="http://longlonggo.com/category/mq/">MQ</a> (1) </li> <li class="cat-item cat-item-6"><a href="http://longlonggo.com/category/mysql/">Mysql</a> (33) </li> <li class="cat-item cat-item-83"><a href="http://longlonggo.com/category/pmp/">PMP</a> (14) </li> <li class="cat-item cat-item-78"><a href="http://longlonggo.com/category/python/">Python</a> (1) </li> <li class="cat-item cat-item-79"><a href="http://longlonggo.com/category/spring/">Spring</a> (4) </li> <li class="cat-item cat-item-29"><a href="http://longlonggo.com/category/sql-server/">SQL Server</a> (6) </li> <li class="cat-item cat-item-4"><a href="http://longlonggo.com/category/tomcat/">Tomcat</a> (3) </li> <li class="cat-item cat-item-74"><a href="http://longlonggo.com/category/windows/">Windows</a> (2) </li> <li class="cat-item cat-item-12"><a href="http://longlonggo.com/category/xml/">XML</a> (3) </li> <li class="cat-item cat-item-66"><a href="http://longlonggo.com/category/%e5%b7%a5%e5%85%b7%e8%bd%af%e4%bb%b6/">工具软件</a> (2) </li> <li class="cat-item cat-item-73"><a href="http://longlonggo.com/category/%e5%bf%83%e6%83%85/">心情</a> (6) </li> <li class="cat-item cat-item-60"><a href="http://longlonggo.com/category/%e8%af%ad%e5%bd%95/">语录</a> (20) </li> <li class="cat-item cat-item-82"><a href="http://longlonggo.com/category/%e8%af%bb%e4%b9%a6/">读书</a> (11) </li> <li class="cat-item cat-item-1"><a href="http://longlonggo.com/category/%e9%a6%96%e9%a1%b5%e5%b9%bb%e7%81%af/">首页幻灯</a> (4) </li> </ul> </nav></div><div id="archives-3" class="widget clearfix widget_archive"><h2 class="widget__title">归档</h2><nav aria-label="归档"> <ul> <li><a href='http://longlonggo.com/2021/10/'>2021 年 10 月</a> (183)</li> <li><a href='http://longlonggo.com/2020/08/'>2020 年 8 月</a> (2)</li> <li><a href='http://longlonggo.com/2020/07/'>2020 年 7 月</a> (4)</li> <li><a href='http://longlonggo.com/2020/02/'>2020 年 2 月</a> (1)</li> <li><a href='http://longlonggo.com/2020/01/'>2020 年 1 月</a> (2)</li> <li><a href='http://longlonggo.com/2019/11/'>2019 年 11 月</a> (1)</li> <li><a href='http://longlonggo.com/2019/10/'>2019 年 10 月</a> (1)</li> <li><a href='http://longlonggo.com/2019/09/'>2019 年 9 月</a> (1)</li> <li><a href='http://longlonggo.com/2019/04/'>2019 年 4 月</a> (1)</li> <li><a href='http://longlonggo.com/2019/02/'>2019 年 2 月</a> (1)</li> <li><a href='http://longlonggo.com/2019/01/'>2019 年 1 月</a> (1)</li> <li><a href='http://longlonggo.com/2018/12/'>2018 年 12 月</a> (1)</li> <li><a href='http://longlonggo.com/2018/11/'>2018 年 11 月</a> (1)</li> <li><a href='http://longlonggo.com/2018/10/'>2018 年 10 月</a> (2)</li> <li><a href='http://longlonggo.com/2018/09/'>2018 年 9 月</a> (1)</li> <li><a href='http://longlonggo.com/2018/07/'>2018 年 7 月</a> (2)</li> <li><a href='http://longlonggo.com/2017/11/'>2017 年 11 月</a> (5)</li> <li><a href='http://longlonggo.com/2017/10/'>2017 年 10 月</a> (3)</li> <li><a href='http://longlonggo.com/2017/09/'>2017 年 9 月</a> (1)</li> <li><a href='http://longlonggo.com/2017/08/'>2017 年 8 月</a> (3)</li> <li><a href='http://longlonggo.com/2017/07/'>2017 年 7 月</a> (2)</li> <li><a href='http://longlonggo.com/2017/06/'>2017 年 6 月</a> (3)</li> <li><a href='http://longlonggo.com/2017/05/'>2017 年 5 月</a> (3)</li> <li><a href='http://longlonggo.com/2017/01/'>2017 年 1 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/11/'>2016 年 11 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/10/'>2016 年 10 月</a> (3)</li> <li><a href='http://longlonggo.com/2016/09/'>2016 年 9 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/08/'>2016 年 8 月</a> (3)</li> <li><a href='http://longlonggo.com/2016/07/'>2016 年 7 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/06/'>2016 年 6 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/05/'>2016 年 5 月</a> (1)</li> <li><a href='http://longlonggo.com/2016/04/'>2016 年 4 月</a> (1)</li> </ul> </nav></div><div id="recent-comments-3" class="widget clearfix widget_recent_comments"><h2 class="widget__title">近期评论</h2><nav aria-label="近期评论"><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="https://wordpress.org/" class="url" rel="ugc external nofollow">一位WordPress评论者</a></span> 发表在《<a href="http://longlonggo.com/2021/10/19/hello-world/#comment-1">世界,您好!</a>》</li></ul></nav></div></aside> </div> </div> </div> <footer class="footer" role="contentinfo"> <nav class="footer__sns" role="navigation" aria-label="Footer SNS Links"> <div class="container"> </div> </nav> <div class="footer__credit"> <div class="container"> Neumorphic Theme : <a href="https://wordpress.org/">Powered by WordPress</a> </div> </div> </footer> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"zh","strings":{"mejs.download-file":"\u4e0b\u8f7d\u6587\u4ef6","mejs.install-flash":"\u60a8\u6b63\u5728\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u672a\u5b89\u88c5\u6216\u542f\u7528 Flash \u64ad\u653e\u5668\uff0c\u8bf7\u542f\u7528\u60a8\u7684 Flash \u64ad\u653e\u5668\u63d2\u4ef6\uff0c\u6216\u4ece https:\/\/get.adobe.com\/flashplayer\/ \u4e0b\u8f7d\u6700\u65b0\u7248\u3002","mejs.fullscreen":"\u5168\u5c4f","mejs.play":"\u64ad\u653e","mejs.pause":"\u6682\u505c","mejs.time-slider":"\u65f6\u95f4\u8f74","mejs.time-help-text":"\u4f7f\u7528\u5de6 \/ \u53f3\u7bad\u5934\u952e\u6765\u524d\u8fdb\u4e00\u79d2\uff0c\u4e0a \/ \u4e0b\u7bad\u5934\u952e\u6765\u524d\u8fdb\u5341\u79d2\u3002","mejs.live-broadcast":"\u73b0\u573a\u76f4\u64ad","mejs.volume-help-text":"\u4f7f\u7528\u4e0a \/ \u4e0b\u7bad\u5934\u952e\u6765\u589e\u9ad8\u6216\u964d\u4f4e\u97f3\u91cf\u3002","mejs.unmute":"\u53d6\u6d88\u9759\u97f3","mejs.mute":"\u9759\u97f3","mejs.volume-slider":"\u97f3\u91cf","mejs.video-player":"\u89c6\u9891\u64ad\u653e\u5668","mejs.audio-player":"\u97f3\u9891\u64ad\u653e\u5668","mejs.captions-subtitles":"\u8bf4\u660e\u6587\u5b57\u6216\u5b57\u5e55","mejs.captions-chapters":"\u7ae0\u8282","mejs.none":"\u65e0","mejs.afrikaans":"\u5357\u975e\u8377\u5170\u8bed","mejs.albanian":"\u963f\u5c14\u5df4\u5c3c\u4e9a\u8bed","mejs.arabic":"\u963f\u62c9\u4f2f\u8bed","mejs.belarusian":"\u767d\u4fc4\u7f57\u65af\u8bed","mejs.bulgarian":"\u4fdd\u52a0\u5229\u4e9a\u8bed","mejs.catalan":"\u52a0\u6cf0\u7f57\u5c3c\u4e9a\u8bed","mejs.chinese":"\u4e2d\u6587","mejs.chinese-simplified":"\u4e2d\u6587\uff08\u7b80\u4f53\uff09","mejs.chinese-traditional":"\u4e2d\u6587 (\uff08\u7e41\u4f53\uff09","mejs.croatian":"\u514b\u7f57\u5730\u4e9a\u8bed","mejs.czech":"\u6377\u514b\u8bed","mejs.danish":"\u4e39\u9ea6\u8bed","mejs.dutch":"\u8377\u5170\u8bed","mejs.english":"\u82f1\u8bed","mejs.estonian":"\u7231\u6c99\u5c3c\u4e9a\u8bed","mejs.filipino":"\u83f2\u5f8b\u5bbe\u8bed","mejs.finnish":"\u82ac\u5170\u8bed","mejs.french":"\u6cd5\u8bed","mejs.galician":"\u52a0\u5229\u897f\u4e9a\u8bed","mejs.german":"\u5fb7\u8bed","mejs.greek":"\u5e0c\u814a\u8bed","mejs.haitian-creole":"\u6d77\u5730\u514b\u91cc\u5965\u5c14\u8bed","mejs.hebrew":"\u5e0c\u4f2f\u6765\u8bed","mejs.hindi":"\u5370\u5730\u8bed","mejs.hungarian":"\u5308\u7259\u5229\u8bed","mejs.icelandic":"\u51b0\u5c9b\u8bed","mejs.indonesian":"\u5370\u5ea6\u5c3c\u897f\u4e9a\u8bed","mejs.irish":"\u7231\u5c14\u5170\u8bed","mejs.italian":"\u610f\u5927\u5229\u8bed","mejs.japanese":"\u65e5\u8bed","mejs.korean":"\u97e9\u8bed","mejs.latvian":"\u62c9\u8131\u7ef4\u4e9a\u8bed","mejs.lithuanian":"\u7acb\u9676\u5b9b\u8bed","mejs.macedonian":"\u9a6c\u5176\u987f\u8bed","mejs.malay":"\u9a6c\u6765\u8bed","mejs.maltese":"\u9a6c\u8033\u4ed6\u8bed","mejs.norwegian":"\u632a\u5a01\u8bed","mejs.persian":"\u6ce2\u65af\u8bed","mejs.polish":"\u6ce2\u5170\u8bed","mejs.portuguese":"\u8461\u8404\u7259\u8bed","mejs.romanian":"\u7f57\u9a6c\u5c3c\u4e9a\u8bed","mejs.russian":"\u4fc4\u8bed","mejs.serbian":"\u585e\u5c14\u7ef4\u4e9a\u8bed","mejs.slovak":"\u65af\u6d1b\u4f10\u514b\u8bed","mejs.slovenian":"\u65af\u6d1b\u6587\u5c3c\u4e9a\u8bed","mejs.spanish":"\u897f\u73ed\u7259\u8bed","mejs.swahili":"\u65af\u74e6\u5e0c\u91cc\u8bed","mejs.swedish":"\u745e\u5178\u8bed","mejs.tagalog":"\u4ed6\u52a0\u7984\u8bed","mejs.thai":"\u6cf0\u8bed","mejs.turkish":"\u571f\u8033\u5176\u8bed","mejs.ukrainian":"\u4e4c\u514b\u5170\u8bed","mejs.vietnamese":"\u8d8a\u5357\u8bed","mejs.welsh":"\u5a01\u5c14\u58eb\u8bed","mejs.yiddish":"\u610f\u7b2c\u7eea\u8bed"}}; /* ]]> */ </script> <script type="text/javascript" src="http://longlonggo.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="http://longlonggo.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.5.2" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="http://longlonggo.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.5.2" id="wp-mediaelement-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>