<?xml version="1.0" encoding="UTF-8"?>
<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/"
	>

<channel>
	<title>Fatih Hayrioğlu&#039;nun not defteri &#187; kolaylık</title>
	<atom:link href="http://www.fatihhayrioglu.com/tag/kolaylik/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fatihhayrioglu.com</link>
	<description>{ CSS, HTML ve Javascript }</description>
	<lastBuildDate>Thu, 09 Feb 2012 08:44:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=2012</generator>
		<item>
		<title>Jquery ipuçları</title>
		<link>http://www.fatihhayrioglu.com/jquery-ipuclari/</link>
		<comments>http://www.fatihhayrioglu.com/jquery-ipuclari/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 21:33:28 +0000</pubDate>
		<dc:creator>fatih.hayrioglu</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[ipuçları]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[kolaylık]]></category>

		<guid isPermaLink="false">http://www.fatihhayrioglu.com/?p=1350</guid>
		<description><![CDATA[jQuery&#8217;i artık neredeyse her projemde kullanıyorum. Aklıma gelen ve not aldığım ipuçlarını burada yazdım. Sizinde aklınıza gelen olursa yorum kısmında katkıda bulunabilirsiniz. Ayrıca kaynaklar kısmındaki linklerde de daha fazlası var 1- jQuery kütüphanemizi Google&#8217;da host etmek: google bize jQuery kütüphanesini kendi hostu üzerinden yüklememizi sağlıyor. Bu bize ön belleğe alınana dosyanın daha hızlı yüklenmesini sağlar. [...]]]></description>
			<content:encoded><![CDATA[<p>jQuery&#8217;i artık neredeyse her projemde kullanıyorum. Aklıma gelen ve not aldığım ipuçlarını burada yazdım. Sizinde aklınıza gelen olursa yorum kısmında katkıda bulunabilirsiniz. Ayrıca kaynaklar kısmındaki linklerde de daha fazlası var</p>
<p><strong>1- jQuery kütüphanemizi Google&#8217;da host etmek:</strong> google bize jQuery kütüphanesini kendi hostu üzerinden yüklememizi sağlıyor. Bu bize ön belleğe alınana dosyanın daha hızlı yüklenmesini sağlar.
</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 $(document).ready(function() {
	//isler burada
 });
&lt;/script&gt;
</pre>
<p>Bu sayede jquery kütüphanesini her projeye eklerken kopyala yapıştır ile de uğraşmak zorunda kalmıyoruz. İstediğimiz her yerde jQuery kullanma imkanıda veriyor bize bu kod.</p>
<p><strong>2- jquery kısaltması:</strong> jquery kodlarımzı yazarken bazen </p>
<pre class="brush: jscript; title: ; notranslate">
$(document).ready(function (){});
</pre>
<p>aklımıza gelmeye bilir</p>
<pre class="brush: jscript; title: ; notranslate">
$(function (){});
</pre>
<p>bu daha kolay ve akılda kalıcı bence</p>
<p><strong>3- fare üzerinde iken ve üzerinden gittiğinde</strong></p>
<pre class="brush: jscript; title: ; notranslate">
$(&quot;li&quot;).hover(
function () {
  // fare üzerinde iken bunu yap
},
function () {
  // fare kaçınca bunu yap
}
);
</pre>
<p><strong>4- not seçicisi:</strong> Bir seri elemana yaptırdığımız bir işi aradan bir tane elemanın yapmasını istiyorsak bu seçiciyi uygulayabiliriz.</p>
<pre class="brush: jscript; title: ; notranslate">
$('ul#sekme li a').not(&quot;ul li#diger a&quot;).click(function(){
    // yapılacak işler
});
</pre>
<p>Yukarıdaki kodlamada biz sekmelere bir tanım yapıyoruz ama en son sekmeye tıklayınca bu işlemin yapılmasını istemiyoruz. Bu iş için biçilmiş kaftan :not seçicisi</p>
<p><strong>5- siblings seçicisi</strong> liste ve benzeri aynı seviyedeki elemanlar üzerinde etkileşimli erişim sağlayan güzel bir seçici. Daha önce http://www.fatihhayrioglu.com/jquery-ile-basit-sekme-yapimi/ anlatırken kullanmıştım.</p>
<pre class="brush: jscript; title: ; notranslate">
$(this).parent('li').addClass('sekmeSecili').siblings().removeClass('sekmeSecili');
</pre>
<p>Bu kodda da görüldüğü gibi tıklanan sekmeye sekmeSecili sınıfı atıyoruz diğer sekmelerde aynı sınıf varsa onları kaldırıyoruz.</p>
<p><strong>6- HTML içine jQuery den eleman eklemek:</strong></p>
<pre class="brush: jscript; title: ; notranslate">
var ekleBunu = $('&lt;div&gt;&lt;/div&gt;');
ekleBunu.attr(&quot;id&quot;,&quot;yeniKatman&quot;).appendTo(&quot;body&quot;);
</pre>
<p><strong>7- Bir elemanın varlığını kontrol etmek</strong></p>
<pre class="brush: jscript; title: ; notranslate">
if ($(&quot;#someDiv&quot;).length) {
  // eğer varsa bunu yap
}
</pre>
<p><strong>8- Kolay kullanılan tarayıcıyı yakalama</strong></p>
<pre class="brush: jscript; title: ; notranslate">
$.browser.safari
$.browser.msie
$.browser.mozilla
</pre>
<p>tarayıcı sürümünü yakalamak için</p>
<pre class="brush: jscript; title: ; notranslate">
if ($.browser.msie &amp;&amp; $.browser.version &lt;= 7 ) 
</pre>
<h3>Kaynaklar</h3>
<ul>
<li><a href="http://www.ajaxlines.com/ajax/stuff/article/_reasons_why_you_should_let_google_host_jquery_for_you.php">http://www.ajaxlines.com/ajax/stuff/article/_reasons_why_you_should_let_google_host_jquery_for_you.php</a></li>
<li><a href="http://stackoverflow.com/questions/182630/jquery-tips-and-tricks">http://stackoverflow.com/questions/182630/jquery-tips-and-tricks</a></li>
<li><a href="http://docs.jquery.com/Events/hover">http://docs.jquery.com/Events/hover</a></li>
<li><a href="http://docs.jquery.com/Selectors/not">http://docs.jquery.com/Selectors/not</a></li>
<li><a href="http://jquery-tr.blogspot.com/search/label/tips">http://jquery-tr.blogspot.com/search/label/tips</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.fatihhayrioglu.com/jquery-ipuclari/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

