Jquery[제이쿼리] :contains()셀렉터 배우기

안녕하세요~ 제이쿼리공장장 주니주니 입니다.

오늘은 제이쿼리[jquery] :contains()셀렉터를 배워보겠습니다.

이렇게 준비해보았습니다.

실행화면입니다.

=============================== 
$('.b1').on('click',function(){
   var text_t1 = $('.t1').val();
   $('span:contains('+text_t1+')').css("color","blue");
  });
=============================== 
class b1가 click되면 <== 검색버튼입니다.
변수 text_t1에다가 class t1의 value의 값을 저장하도록하였습니다.
[찾을문자 뒤에있는 텍스트박스의 값입니다.]
<span>태그의 대상으로 :contains()셀렉터를 사용하여 해당하는 대상에
css의 color값을 blue로 변경하도록 하였습니다.

※:contains()란 선택한대상에 입력한값이 포함되있는 요소를 찾는 셀렉터입니다.
이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/contains-selector/

찾을문자에 안녕 이라고 입력하고 검색해보았습니다.

찾을문자에 co 라고 입력하고 검색해보았습니다. 

오늘은 제이쿼리[jquery] :contains()셀렉터를 배워보았습니다.
그럼 다음에 또만나요