이번에는 jQuery의 세 가지 $() 유형 사용에 대해 자세히 설명하겠습니다. jQuery의 $() 세 가지 유형을 사용할 때 주의 사항은 무엇입니까? 다음은 실제 사례입니다.
$ 기호는 jQuery "클래스"의 별칭이며 $()는 jQuery 개체를 구성합니다. 따라서 "$()"는 jQuery의 constructor라고 할 수 있습니다(개인적인 의견, 하하!).
1. $()는 $(expression), 즉 css selector, Xpath 또는 html 요소일 수 있습니다. 즉, 대상 요소는 위의 표현식을 통해 일치됩니다.
예를 들어 $("a")로 생성된 객체는 CSS 선택기를 사용하여 jQuery 객체를 생성합니다. 이는 모든 태그를 선택합니다. 예:
$("a").click(function(){...})
은 페이지의 링크를 클릭할 때 트리거 이벤트입니다. 정확하게 말하면 jQuery는 태그를 사용하여 $("a") 객체를 생성하며 click() 함수는 이 jQuery 객체의 (이벤트) 메서드입니다.
예를 들어 다음과 같은 HTML 코드가 있습니다.
<p>one</p> <p> <p>two</p> </p> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a>
이 HTML의 작업은 다음 문입니다.
alert($("p>p").html());
$()는 "p>p"와 같은 쿼리 표현식으로 구성된 쿼리 표현식입니다. jQuery 객체를 얻은 다음 "html()"은 위 HTML 코드 조각의 [2]인 html 콘텐츠를 표시한다는 의미입니다. 또 다른 예:
$("<p><p>Hello</p></p>").appendTo("body");
$()에는 문자열이 포함되어 있습니다. 이러한 문자열을 사용하여 jQuery 객체를 구성한 다음 이 문자열을
$(document).find("p>p").html());
$()의 문서는 DOM 요소입니다. 즉, 전체 텍스트에
가 있는
요소를 검색하고 < ;피>.
3. $()는 $(function), 즉 $(document).ready()의 약어일 수 있습니다. 예를 들어 일반적인 형식은 다음과 같습니다:
$(document).ready(function(){ alert("Hello world!"); });
Deformable:
$(function(){ alert("Hello world!"); });
对于选择HTML文档中的elements,jQuery有两种方法:
1)如$("p>ul a"),它的意思是p标签中的ul标签中的a标签
不过,$('p>ul')和$('p ul')是有区别的,
$('p>ul')是
的直接后代里找
的所有后代里找
的直接后代里找
的所有后代里找
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
위 내용은 jQuery의 세 가지 $() 유형에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!