<?xml version="1.0" encoding="UTF-8"?>

<!--

	Feeds whisper secrets,
	In the RSS Club's embrace,
	Knowledge blooms in grace.

-->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
xmlns:source="https://source.scripting.com/"
>

<channel>
	<title>jQuery &#8211; notizBlog</title>
	<atom:link href="https://notiz.blog/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>https://notiz.blog</link>
	<description>a weblog mainly about the open, portable, interoperable, small, social, synaptic, semantic, structured, distributed, (re-)decentralized, independent, microformatted and federated social web</description>
	<lastBuildDate>Wed, 01 Mar 2023 15:45:35 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://notiz.blog/wp-content/uploads/2019/10/cropped-notizblog-icon-1-32x32.png</url>
	<title>jQuery &#8211; notizBlog</title>
	<link>https://notiz.blog</link>
	<width>32</width>
	<height>32</height>
</image> 
<creativeCommons:license>https://creativecommons.org/licenses/by-sa/4.0/</creativeCommons:license>
	<script xmlns="http://www.w3.org/1999/xhtml" type="application/json" id="pretty-feed-translations">{"translation-revision-date":"2026-07-06T10:30:00+00:00","generator":"WP-CLI\/2.12.0","source":"assets\/js\/pretty-feed.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"de_DE","plural-forms":"nplurals=2; plural=(n != 1);"},"RSS feed icon":["RSS-Feed-Symbol"],"Web Feed":["Web-Feed"],"&lt;strong&gt;Look at you, following along the old-school way.&lt;\/strong&gt; Subscribe by copy-pasting the URL into your feed reader, or by clicking %1$shere%2$s...":["&lt;strong&gt;Sieh dich an, ganz old-school unterwegs.&lt;\/strong&gt; Abonniere den Feed, indem du die URL in deinen Feed-Reader kopierst oder %1$shier%2$s klickst ..."],"Visit %1$sAbout Feeds%2$s to get started with newsreaders and subscribing. It\u2019s free.":["Besuche %1$sAbout Feeds%2$s, um mit Newsreadern und dem Abonnieren zu starten. Es ist kostenlos."],"Visit Website":["Website besuchen"],"Recent Items":["Neueste Eintr\u00e4ge"],"Published:":["Ver\u00f6ffentlicht:"]}}}</script>
	<script xmlns="http://www.w3.org/1999/xhtml" src="https://notiz.blog/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255" defer=""/>
	<script xmlns="http://www.w3.org/1999/xhtml" src="https://notiz.blog/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216" defer=""/>
	<script xmlns="http://www.w3.org/1999/xhtml" src="https://notiz.blog/wp-content/plugins/pretty-feeds/assets/js/pretty-feed.js?ver=1.0.0" defer=""/>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://switchboard.p3k.io/"/>
<atom:link rel="self" href="https://notiz.blog/tag/jquery/feed/"/>
<atom:link rel="search" type="application/opensearchdescription+xml" title="Search notizBlog" href="https://notiz.blog/wp-api/opensearch/1.1/document" />
	<source:account service="rss.chat">notizBlog</source:account>
	<source:self>https://notiz.blog/tag/jquery/feed/</source:self>
<source:blogroll>https://notiz.blog/blogroll/?opml</source:blogroll>
	<item>
		<title>Unobtrusively Mapping Microformats with jQuery</title>
		<link>https://notiz.blog/2007/12/17/unobtrusively-mapping-microformats-with-jquery/</link>
					<comments>https://notiz.blog/2007/12/17/unobtrusively-mapping-microformats-with-jquery/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Mon, 17 Dec 2007 20:19:09 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[Unobtrusive JavaScript]]></category>
		<guid isPermaLink="false">http://notizblog.org/2007/12/17/unobtrusively-mapping-microformats-with-jquery/</guid>

					<description><![CDATA[Auf 24 ways habe ich einen schönen Artikel über Unobtrusively Mapping Microformats with jQuery gefunden. Unobtrusive JavaScript verfolgt den Ansatz, den JavaScript Code komplett von der HTML Seite zu trennen. Dise Methode ermöglicht das schnelle und einfache Ändern des JavaScript-Codes an zentraler Stelle, ähnlich wie bei der Trennung von Design und HTML bei CSS. Der [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Auf 24 ways habe ich einen schönen Artikel über <em><a href="https://web.archive.org/web/20210728003837/https://24ways.org/2007/unobtrusively-mapping-microformats-with-jquery/">Unobtrusively Mapping Microformats with jQuery</a></em> gefunden.</p>



<p class="wp-block-paragraph"><a href="https://en.wikipedia.org/wiki/Unobtrusive_JavaScript">Unobtrusive JavaScript</a> verfolgt den Ansatz, den JavaScript Code komplett von der HTML Seite zu trennen. Dise Methode ermöglicht das schnelle und einfache Ändern des JavaScript-Codes an zentraler Stelle, ähnlich wie bei der Trennung von Design und <abbr title="Hypertext Markup Language">HTML</abbr> bei <abbr title="Cascading Style Sheets">CSS</abbr>.</p>



<p class="wp-block-paragraph">Der Artikel beschreibt, wie man mit <a href="http://microformats.org/wiki/hCard">hCard</a> ausgezeichnete Kontakt-Daten auf <a href="http://maps.google.de">Google-Maps</a> anzeigt.</p>



<p class="wp-block-paragraph">Eine wesentlich simplete Demo lässt sich mit den <a href="http://microformats.org/wiki/rel">rel-Attribute</a> realisieren. Als Beispiel HTML Code nehmen wir das <a href="http://microformats.org/wiki/rel-nofollow">rel-nofollow</a> Microformat:</p>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://google.de"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"nofollow"</span>&gt;</span>Google.de<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></code></span></pre>


<p class="wp-block-paragraph">Mit dem folgenden Code ist es Möglich, das <code>a</code> HTML-Tag mit dem CSS-Code <code>text-decoration: line-through;</code> zu erweitern.</p>


<pre class="wp-block-code"><span><code class="hljs language-javascript">jQuery(<span class="hljs-string">"a&#91;@rel=nofollow]"</span>).css(<span class="hljs-string">"text-decoration"</span>, <span class="hljs-string">"line-through"</span>);</code></span></pre>


<p class="wp-block-paragraph">Das ganze funktioniert natürlich auch wesentlich eleganter mit CSS, aber es geht hier ja nur ums Prinzip 😉 </p>



<p class="wp-block-paragraph">Den wesentlich besseren und ausführlicheren Bericht gibt es auf <a href="https://web.archive.org/web/20210728003837/https://24ways.org/2007/unobtrusively-mapping-microformats-with-jquery/">24ways.org</a>.</p>
<hr /><p>Danke, dass du diesen Beitrag über RSS liest. RSS ist großartig – und du bist großartig, weil du es nutzt. ♥️</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2007/12/17/unobtrusively-mapping-microformats-with-jquery/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
