Nerede hata yapıyorum? (Çok Basit Javascript)

31-07-2013, 02:09:25

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

Dzyn3

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

Haktan

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

acayip

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

Haktan

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

frdtrkc

Ö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>