• 31-07-2013, 02:09:25
    #1
    Ufaktan girişeyim dedim en başında bir kısmı kaçırıyorum Malum Ramazan ayı tam toparlayamadım kafayı

    <!DOCTYPE html >
    
    
    <html>
    <head>
            <script src="code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
    
         <style>
    
        .haktan
        {
            color:Blue;
            }
         </style>
      
    <script type="text/javascript">
        $('li:First-child').addClass('haktan');
    </script>
        <title></title>
    </head>
    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </body>
    </html>
  • 31-07-2013, 02:16:38
    #2
    src="code.jquery.com/jquery-1.10.2.js" bu bölümü src="http://code.jquery.com/jquery-1.10.2.js" şelinde değiştirirseniz jquery i sorunsuz eklemiş olursunuz.
  • 31-07-2013, 02:25:56
    #3
    Dzyn3 adlı üyeden alıntı: mesajı görüntüle
    src="code.jquery.com/jquery-1.10.2.js" bu bölümü src="http://code.jquery.com/jquery-1.10.2.js" şelinde değiştirirseniz jquery i sorunsuz eklemiş olursunuz.
    Denedim hocam o şekilde de olmadı
  • 31-07-2013, 02:34:01
    #4
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Haktan adlı üyeden alıntı: mesajı görüntüle
    Ufaktan girişeyim dedim en başında bir kısmı kaçırıyorum Malum Ramazan ayı tam toparlayamadım kafayı

    <!DOCTYPE html >
    
    
    <html>
    <head>
            <script src="code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
    
         <style>
    
        .haktan
        {
            color:Blue;
            }
         </style>
      
    <script type="text/javascript">
        $('li:First-child').addClass('haktan');
    </script>
        <title></title>
    </head>
    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </body>
    </html>
    Arkadaşım:
    $('li:First-child').addClass('haktan');
    değil

        $(function(){
    			$('li:First-child').addClass('haktan');
    		});
  • 31-07-2013, 02:50:53
    #5
    acayip adlı üyeden alıntı: mesajı görüntüle
    Arkadaşım:
    $('li:First-child').addClass('haktan');
    değil

        $(function(){
    			$('li:First-child').addClass('haktan');
    		});
    çk teşekkrüler hocam
  • 01-08-2013, 14:42:06
    #6
    Örnek olması açısından ekliyorum. jQuery ile farklı şekillerde listenin ilk ve son elemanlarının seçimi.

    http://jsfiddle.net/uR7XE/

    <!DOCTYPE html>
    <html>
    	<head>
            <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
    
    		<style>
    		   body {
    			   background-color:black;
    		   }
    		   li {
    			   color:white;
    		   }
    		   .ilk {
    			   color:yellow;
    		   }
    		   .son {
    			   color:red;
    		   }
    		</style>
      
    	<script type="text/javascript">
    	$(function() {
    		// Listenin İlk Elemanını Seçmek
    		$('.list1 li:first').addClass('ilk');
    
    		$('.list2 li:first-child').addClass('ilk');
    
    		$('.list3 li:eq(0)').addClass('ilk');
    
    		$('.list4 li').eq(0).addClass('ilk');
    
    		$('.list5 li').first().addClass('ilk');
    
    		$('.list6 li').filter(":first").addClass('ilk');
    
    
    		// Listenin Son Elemanını Seçmek
    		$('.list1 li:last').addClass('son');
    
    		$('.list2 li:last-child').addClass('son');
    
    		$('.list3 li:eq(-1)').addClass('son');
    
    		$('.list4 li').eq(-1).addClass('son');
    
    		$('.list5 li').last().addClass('son');
    
    		$('.list6 li').filter(":last").addClass('son');
    	});
    	</script>
    </head>
    <body>
    
    	<ul class="list1">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    	<ul class="list2">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    	<ul class="list3">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    	<ul class="list4">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    	<ul class="list5">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    	<ul class="list6">
    		<li>1</li>
    		<li>2</li>
    		<li>3</li>
    	</ul>
    
    </body>
    </html>