Főoldalra

jQuery not()

not() metódus.           Nem kell. Olyan elemek kiválasztása és törlése lekérdezett készletből, melyek nem kellenek. 

                             Olyan elemek, melyek nem kellenek, a zárójelben határozzuk meg.

                             A not() metódus,  ellenkezője a filter(), azaz szűrő módszernek.

<div>

<p> Bekezdés szövege, (indexe=0) </p>

<p class="teszt">Bekezdés szövege, (indexe=1)<span> kiemelt szöveg. </span></p>

<p class="teszt"> (indexe=2)<span> kiemelt szöveg</span> <span> kiemelt szöveg </span></p>

</div>
<div id="div02">

<p class="teszt"> Az én nevem (indexe=3)<span> jQuery. </span> </p>

<p> Legjobb barátom, a JavaScript. (indexe=4) </p>

<p id="egyedi"> Kezdem <span> érteni, </span> <span> a not() metódust.</span></p>

</div>
<table> <tr>
<td>

<p> p elem, a td elemben</p>

</td>		 <td>

<p class="teszt"> p elem, a td elemben</p>

</td>
</tr></table> 
























<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){		
    $("#minden_p").click(function(event){
       $("p").css({"color": "black", "border": "3px solid red", "background-color": "orange"});
    });
		
    $("#not01").click(function(event){
       $("p").not(".teszt").css({"border": "3px solid red", "background-color": "orange"});
    });
		
    $("#not02").click(function(event){
       $("p").not(".teszt, #egyedi").css({"border": "3px solid red", "background-color": "orange"});
    });
	
    $("#not03").click(function(event){
       $("p").not(":even").css({"border": "3px solid red", "background-color": "orange"});
    });
	
    $("#not04").click(function(event){
       $("p").not($("#div02 p.teszt")).css({"border": "3px solid red", "background-color": "orange"});
    });
	
    $("#not05").click(function(event){
      $("p").not( function() {  return $("span", this).length == 2; } )
           .css({"border": "3px solid red", "background-color": "orange"});
    });
});
</script>
</head>

<body>
<div>
<p> Bekezdés szövege, indexe=0 </p>
<p class="teszt">Bekezdés szövege, indexe=1<span> kiemelt szöveg. </span></p>
<p class="teszt"><span> kiemelt szöveg</span> <span> kiemelt szöveg </span></p>
</div>

<div id="div02">
<p class="teszt"> Az én nevem<span> jQuery. </span> </p>
<p> Legjobb barátom, a JavaScript. </p>
<p id="egyedi">Kezdem <span> érteni, </span>  <span> a not() metódust.</span></p>
</div>

<table>
<tr>
<td> <p> p elem, a td elemben</p> </td>
<td> <p class="teszt"> p elem, a td elemben</p> </td>
</tr>
</table>

</body>



DOM példa:

Lekérdezett készletből, vegye ki azt, mely id="egyedi" azonosítóval rendelkezik.
Például: Lekérdezett <p> elemekből, nem kell az, mely  <p id="egyedi"> azonosítóval rendelkezik.

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
       $(document).ready(function(){
             $("p").not(document.getElementById("egyedi")).css("background-color", "orange");
       });
</script>

</head>