JQuery 자습 코드 --- (1)
9410 단어 jquery
/**
* Created by wyl on 15-3-4.
*/
//Jquery JavaScrioe , JavaScript
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
/*
Baidu CDN:
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>
CDN:
<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>
CDN:
<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
Google CDN:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
*/
/*
jQuery
jQuery HTML , 。
: $(selector).action()
jQuery
(selector)" " " " HTML
jQuery action()
:
$(this).hide() -
$("p").hide() -
$("p .test").hide() - class="test"
$("#test").hide() - id="test"
*/
// :
$(document).ready(function(){
//Jquery method go here ......
});
// :
$(function(){
//Jquery method go here ......
});
//jQuery :$()
//Query 。
$("p");
$("h1");
$("div");
//jQuery #id HTML id 。
// id , #id 。
// id :
$("#test");
$("#hello");
//Query class 。
$(".test");
/*
$("*")
$(this) HTML
$("p.intro") class intro <p>
$("p:first") <p>
$("ul li:first") <ul> <li>
$("ul li:first-child") <ul> <li>
$("[href]") href
$("a[target='_blank']") target "_blank" <a>
$("a[target!='_blank']" target "_blank" <a>
$(":button") type="button" <input> <button>
$("tr:even") <tr>
$("tr:odd") <tr>
*/
//
$(document).ready(function(){
$("div").click(function(){
$(this).hide();
});
});
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
//
$(document).ready(function(){
$("div").dblclick(function(){
$(this).hide();
});
});
// , mouseenter 。
//mouseenter() mouseenter , mouseenter :
$(document).ready(function(){
$("p").mouseenter(function(){
alert("Funk you !");
});
});
// , mouseleave 。
//mouseleave() mouseleave , mouseleave :
$(document).ready(function(){
$("#p1").mouseleave(function(){
alert("mouse leave");
}) ;
});
// , , mousedown 。
//mousedown() mousedown , mousedown :
$(document).ready(function(){
$(".test").mousedown(function(){
alert("Fuck me !");
});
});
// , mouseup 。
//mouseup() mouseup , mouseup :
$(document).ready(function(){
$("p").mouseup(function(){
alert("HEllo beybey!");
});
});
//hover() 。
// , (mouseenter); , (mouseleave)。
$(document).ready(function(){
$("ul").hover(function(){
alert("You enter p1");
}),
function(){
alert("Bey! you now leave p1");
}
});
// , focus 。
// tab , 。
//focus() focus , focus :
$(document).ready(function(){
$("input").focus(function(){
$(this).css("backgrand_color","red");
});
$("input").blur(function(){
$(this).css("backgrand_color","green");
})
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.