jquery 일반 메소드 소개 시작하기 reference_jquery
- WBOY원래의
- 2016-05-16 18:05:401117검색
1. event.preventDefault(): 이벤트가 발생하는 것을 방지합니다. 예를 들어 링크를 클릭하면 링크된 페이지로 이동합니다. 이 기능을 사용하지 않으려면 이 방법을 사용할 수 있습니다. 예:
코드 복사 코드는 다음과 같습니다.
바이두
<script> <br> $(document).read(function(){ <br> $("a").click(function(event) ){ <br> event.preventDefault(); //위 링크를 클릭하면 페이지가 변경되지 않습니다. <br> }) <br> </script> hide() 메소드는 이름에서 알 수 있듯이 숨겨진 메소드입니다. 위의 예에서 아래에 $(this).hide()를 추가하면 클릭 시 "Baidu" 네 단어가 사라집니다. $(this).hide("slow")를 추가하면 "Baidu"라는 네 단어를 클릭하면 천천히 사라지는 것을 확인할 수 있습니다.
3. 콜백 사용 방법. 콜백은 소위 콜백 함수로, 상위 함수가 실행된 후에만 실행됩니다. 예는 다음과 같습니다.
(1) 콜백 함수에 매개변수가 없는 경우 직접 $.get("dd.html",mycallback)
mycallback(param1,param2);
})
) 메소드는 get() 메소드의 두 번째 매개변수로 전달되어 get() 메소드를 실행합니다.
4. jquery(selector,[context]) 사용법:
1. $('div.foo').click(function(){
$('span',this).addClass( 'bar');
})
HTML 코드는
div class="foo1">Haha3
div 영역 내부를 클릭하세요. foo의 경우 "haha"라는 단어가 더 두꺼워지고 나머지 단어는 동일하게 유지되는 것을 알 수 있습니다. 위의 스크립트 코드는 addClass 작업이 다음과 같은 div의 범위에서만 트리거될 수 있음을 나타내기 때문입니다. 클래스 foo.
2. $(this): 위 스크립트 코드에 $(this).slideUp()을 추가할 수 있는 경우
3. $.post('url.xml', function(data) {
var $child = $(data).find('child');
}) //url.xml을 로드할 때 해당 내용을 data 변수에 저장한 다음 자식 노드의 내용을 data에 저장합니다. . $child
변수를 입력합니다. 4.
/p>
<script> <br> $("div > p").css("border", "1px solid grey"); <br> </script>
//효과는 두 번째 p가 이 스타일을 채택한다는 것입니다
5. $("input:radio", document.forms[0 ]);
6. $("div", xml.responseXML) ; //xml.responseXML에서 div 찾기
7. $(document.body).css( "Background", "black" ) ;
8. $(myForm.elements).hide()
5. jQuery 사용(html, [ ownerDocument ]):
(1)$("", {
"class": "test",
text: " Click me!",
click: function(){
$(this).toggleClass("test")
} ).appendTo("body");
또는
$("").attr {
"class": "test",
text: "클릭하세요! ",
클릭: function(){
$(this).toggleClass("test");
}
}).appendTo("body");
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.