jQuery ਪਰਿਭਾਸ਼ਣ - is() ਮੈਥਡ

jQuery ਪਰਵਤਨ ਹੰਡਬੁੱਕ

ਉਦਾਹਰਣ

ਵਾਪਸ false ਦਿੰਦਾ ਹੈ, ਕਿਉਂਕਿ input ਅੰਤਰੇਸ਼ ਦਾ ਮਾਤਾ ਅੰਤਰੇਸ਼ p ਅੰਤਰੇਸ਼ ਹੈ:

  var isFormParent = $("input[type='checkbox']").parent();.is("form");
  $("div").text("isFormParent = " + isFormParent);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

is() ਸਿਫਾਰਸ਼ ਨੂੰ, ਅੰਤਰੇਸ਼ ਨੂੰ ਜਾਂ jQuery ਅੰਤਰੇਸ਼ ਨੂੰ ਦੇਖ ਕੇ ਮੇਲ ਖਾਣ ਵਾਲੇ ਅੰਤਰੇਸ਼ ਕੱਠਣ ਦਾ ਕੰਮ ਕਰਦਾ ਹੈ, ਅਗਰ ਇਨ੍ਹਾਂ ਅੰਤਰੇਸ਼ਾਂ ਵਿੱਚੋਂ ਕੋਈ ਵੀ ਅੰਤਰੇਸ਼ ਮੇਲ ਖਾਣ ਵਾਲਾ ਹੈ, ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਸਿਫਾਰਸ਼

.is(selector)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
selector ਸਟਰਿੰਗ ਮੁੱਲ, ਜਿਸ ਵਿੱਚ ਮੇਲ ਖਾਣ ਵਾਲੇ ਅੰਤਰੇਸ਼ ਦੇ ਚੋਣਕਰਤਾ ਪ੍ਰਗਟਾਵਾ ਸ਼ਾਮਿਲ ਹੈ。

ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ

ਹੋਰ ਸਿਫਾਰਸ਼ ਤੋਂ ਵੱਖਰਾ, .is() ਨਵਾਂ jQuery ਅੰਤਰੇਸ਼ ਬਣਾਉਂਦਾ ਨਹੀਂ ਹੈ। ਬਜਾਰੇ, ਇਹ ਅਸੀਂ ਜੈਨੂਰੀ ਅੰਤਰੇਸ਼ ਨੂੰ ਬਦਲੇ ਬਿਨਾ ਸਨੇਖਣ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ। ਇਹ callback ਅੰਦਰ ਆਮ ਤੌਰ 'ਤੇ ਬਹੁਤ ਮਦਦਗਾਰ ਹੁੰਦਾ ਹੈ, ਜਿਵੇਂ ਘਟਨਾ ਹੰਡਲਰ।

ਇਸ ਤਰ੍ਹਾਂ, ਅਸੀਂ ਇੱਕ ਸੂਚੀ ਹਾਂ ਜਿਸ ਵਿੱਚ ਦੋ ਪ੍ਰੋਜੈਕਟ ਸਬੰਧੀ ਅੰਤਰੇਸ਼ ਹਨ:

<ul>
  <li>list <strong>item 1</strong></li>
  <li><span>list item 2</span></li>
  <li>list item 3</li>
</ul>

ਤੁਸੀਂ <ul> ਅੰਤਰੇਸ਼ ਨੂੰ click ਹੰਡਲਰ ਜੋੜ ਸਕਦੇ ਹੋ, ਅਤੇ ਕੋਡ ਨੂੰ ਸੀਮਤ ਕਰੋ ਤਾਂ ਕਿ ਜਦੋਂ ਸੂਚੀ ਅੰਤਰੇਸ਼ ਹੀ ਕਲਿੱਕ ਕੀਤਾ ਜਾਵੇ, ਨਾ ਤਾਂ ਉਸ ਦੇ ਉਪ ਅੰਤਰੇਸ਼, ਤਾਂ ਹੀ ਘਟਨਾ ਟ੍ਰਿਗਰ ਹੋਵੇ:

$("ul").click(function(event) {
  var $target = $(event.target);
  if ( $target.is("li") ) {
    $target.css("background-color", "red");
  }
});

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਹੁਣ, ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਪਹਿਲੇ ਸੂਚੀ ਅੰਤਰੇਸ਼ "list" ਜਾਂ ਤੀਜੇ ਸੂਚੀ ਅੰਤਰੇਸ਼ ਦੇ ਕੋਈ ਵੀ ਸ਼ਬਦ 'ਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ, ਤਾਂ ਕਲਿੱਕ ਕੀਤਾ ਗਿਆ ਸੂਚੀ ਅੰਤਰੇਸ਼ ਲਾਲ ਪਿੱਛੇ ਰੰਗ ਦਿੱਤਾ ਜਾਵੇਗਾ। ਪਰ, ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਪਹਿਲੇ ਸੂਚੀ ਅੰਤਰੇਸ਼ ਦੇ item 1 ਜਾਂ ਦੂਜੇ ਸੂਚੀ ਅੰਤਰੇਸ਼ ਦੇ ਕੋਈ ਵੀ ਸ਼ਬਦ 'ਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ, ਤਾਂ ਕੋਈ ਵੀ ਬਦਲਾਅ ਨਹੀਂ ਹੋਵੇਗਾ, ਇਹ ਇਸ ਲਈ ਹੈ ਕਿ ਇਸ ਉੱਪਰੋਕਤ ਹਾਲਾਤ ਵਿੱਚ, ਘਟਨਾ ਦਾ ਟੀਚਾ <strong> ਹੈ <span>。</strong>

请您注意，对于带有位置性选择器的选择器表达式字符串，比如 :first、:gt() 或者 :even，位置性筛选是针对传递到 .is() 的 jQuery 对象进行的，而非针对包含文档。所以对于上面的 HTML 来说，诸如 $("li:first").is("li:last") 的表达式返回 true，但是 $("li:first-child").is("li:last-child") 返回 false。

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ

ਇਸ ਮੇਥਡ ਦਾ ਦੂਜਾ ਪ੍ਰਯੋਗ ਹੈ, ਫੰਕਸ਼ਨ ਦੇ ਅਧਾਰ ‘ਤੇ ਸਬੰਧਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਦੇ ਪ੍ਰਗਟਾਵੇ ਨੂੰ ਮੁੱਲ ਲਗਾਉਣਾ। ਹਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਲਈ ਜੇਕਰ ਫੰਕਸ਼ਨ ਵਾਸਤਵਿਕ ਬਣਦਾ ਹੈ ਤਾਂ .is() ਵੀ ਵਾਸਤਵਿਕ ਬਣਦਾ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ ਹੇਠ ਲਿਖਿਆ ਹੈ ਕਿਸੇ ਹੋਰ ਜ਼ਿਆਦਾ ਜ਼ਿਆਦਾ ਸੰਗਠਿਤ ਐੱਚਟੀਐੱਮਐੱਲ ਕਿਸਮ:

<ul>
  <li><strong>list</strong> item 1 - one strong tag</li>
  <li><strong>list</strong> item <strong>2</strong> -
    two <span>strong tags</span></li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

ਤੁਸੀਂ ਹਰ ਇੱਕ <li> ਨੂੰ click ਹੰਡਲਰ ਜੋੜ ਸਕਦੇ ਹੋ, ਤਾਕਿ ਕਿ ਜਿਸ <li> ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਗਿਆ ਹੈ ਉਸ ਦੇ ਅੰਦਰ <strong> ਇਲੈਕਟ੍ਰੌਨਿਕ ਦੇ ਸੰਖਿਆ ਨੂੰ ਗਿਣਾਇਆ ਜਾ ਸਕੇ:

$("li").click(function() {
  var $li = $(this),
    isWithTwo = $li.is(function() {
      return $('strong', this).length === 2;
    });;
  if ( isWithTwo ) {
    $li.css("background-color", "green");
  } else {
    $li.css("background-color", "red");
  }
});

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

jQuery ਪਰਵਤਨ ਹੰਡਬੁੱਕ