Főoldalra

jQuery has()

has() metódus.            Kiválasztott elem vagy elemeknél lekérdezhetjük, hogy általunk meghatározott jelölőelemet tartalmaznak e vagy sem.
                            Fő erénye:  Logikai és vizuális  elemek keresése.
                                       ( <b> <strong> <i>  <em>  <span> <tt> <u> <big> <small> <sub> <sup> stb.)
	
Példa: 
            Keressük azt a p elemet, melyben van span elem.
                  $("p:has(span)")     vagy így     $("p").has("span")
				  
Találat van vagy nincs: A length utasítással ellenőrízhetjük.
                         var erteke = $("p:has(span)").length;     vagy így      var erteke = $("p").has("span").length;
                              Length értéke 0-a, akkor nincs találat, 0-nál nagyobb, akkor van találat.

Példák.

Kiválasztott elem területén,
létezik a has() zárójelei között,
általunk meghatározott elem?
<div>

<p><strong>Üdvözöllek has() metódus.</strong></p>

<p>Az én nevem <b><span>jQuery.</span></b> </p>

<p>Most ismerkedem, a <span> has() metódussal.</span></p>

<p>Legjobb barátom,<span> a JavaScript. </span></p>

</div>
<div id="div02">
<h6> h6-os Címsor.<strong><span>Üdvözöllek has() metódus.</span></strong></h6>

<p> Az én nevem <b> jQuery. </b> </p>

<p>Most ismerkedem, a <span><b> has() metódussal.</b></span></p>

<p>Legjobb barátom, a<strong> JavaScript.</strong></p>

</div>

Találatok száma:
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 1. Példa: -------------------------------------------------------------
    $("#has").click(function(event){
      $("p").has("span").css({"border": "3px solid red", "background-color": "orange"});
               var van = $("p:has(span)").length;
               $( "#valasz" ).text( "Találatok száma = " + van );
    });
// 2. Példa: -------------------------------------------------------------
    $("#has02").click(function(event){
      $("p").has("b").css({"border": "3px solid red", "background-color": "orange"});
    });
// 3. Példa: -------------------------------------------------------------
    $("#has03").click(function(event){
      $("p").has("strong").css({"border": "3px solid red", "background-color": "orange"});
    });
// 4. Példa: -------------------------------------------------------------
    $("#has04").click(function(event){
      $("p").has("b,span")
      .css({"color": "black", "border": "3px solid red", "background-color": "orange"});
    });
// 5. Példa: -------------------------------------------------------------
    $("#has05").click(function(event){
      $("p, h6").has("span")
      .css({"color": "black", "border": "3px solid red", "background-color": "orange"});
    });
// 6. Példa: -------------------------------------------------------------
    $("#has06").click(function(event){
      $("#div02 p, h6").has("span")
      .css({"color": "black", "border": "3px solid red", "background-color": "orange"});
    });
});
</script>
</head>

<body>
<div>
<p> <strong>Üdvözöllek  has() metódus.</strong> </p>
<p>Az én nevem <b> <span>jQuery.</span> </b> </p>
<p>Most ismerkedem, a  <span> has() metódussal.</span> </p>
<p>Legjobb barátom, <span> a JavaScript. </span> </p>
</div>

<div id="div02">
<h6> <strong> <span>Üdvözöllek has() metódus.</span> </strong> </h6>
<p>Az én nevem  <b> jQuery. </b>  </p> 
<p>Most ismerkedem, a <span> <b> has() metódussal.</b> </span> </p>
<p>Legjobb barátom, a <strong> JavaScript.</strong> </p>
</div>

<div id="valasz"> Találatok száma: </div>

<button id="has">Létezik span elem, p elemek területén? </button>
<button id="has02">Létezik b elem, p elemek területén? </button>
<button id="has03">Létezik strong elem, p elemek területén? </button>
<button id="has04">Létezik b és span elem, p elemek területén? </button>
<button id="has05">Létezik span elem, p és h6 elemek területén? </button>
<button id="has06">Létezik span elem, kiválasztott elemek területén? </button>
</body>




Példa hivatkozásra.


Keressük azt  a <span> elemet, mely hivatkozást tartalmaz.

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

<script>
$(document).ready(function(){
    $("#linkhas01").click(function(event){
       $("p span").has("a[href]")
       .css({"border": "3px solid red", "background-color": "orange"});
    });
});
</script> 
</head>
<body>
<div>
<h5> Üdvözöllek  a jQery világában. </h5>

<p>Az én nevem <span> jQuery. </span> </p>

<p>Ezen a címen megtalálsz: 
   <span> 
           <a href="http://www.w3schools.com"> Kattints ide! </a> 
   </span> 
</p>

<p>Legjobb barátom, a <span> JavaScript. </span> </p>

<p>Ezen a címen megtalálsz: 
    <a href="http://www.w3schools.com">
             <span> Kattints ide! </span>
    </a>
</p>
</div>
</body>
<div>
<h5>Üdvözöllek a jQery világában.</h5>

<p>Az én nevem<span>jQuery.</span> </p>

<p>Ezen a címen megtalálsz:<span><a href="http://www.w3schools.com/jquery/sel_has.asp"> Kattints ide! </a></span></p>

<p>Legjobb barátom, a<span> JavaScript.</span></p>

<p>Ezen a címen megtalálsz:<a href="http://www.w3schools.com"> <span> Kattints ide! </span></a></p>

</div>
----------------