jQuery学习随笔
<button type="button">Click me</button>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document.ready(function())){
$("button").click(function()){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button"> Click me.</button>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(documment).ready(function){
$("button").click(function()){
$(this).hide();
});
});
<body>
$(this).hide() 隐藏当前元素
$("p").hide() 隐藏所有段落
$(."test").hide() 隐藏所有 class="test"的所有元素
$("#test").hide() 隐藏所有 id="test"的元素
jQuery使用的语法是XPath与CSS选择语法的组合。
文档就绪函数
$(documnet).ready(function){
/*
jquery 语法在这里执行
*/
}
jQuery使用过CSS选择器来选取HTML 元素
$("p") 选取<p>元素
$("p.info")选取所有class="intro"的<p>元素
$("p#demo")选取所有id="demo"的<p>元素
jQuery使用XPath表达式来选择带有给定属性的元素
$("[href]")选择所有带有href属性的元素
$("[href]=‘#’")选取所有带有href值等于"#"的元素。
<button type="button">Click me</button>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document.ready(function())){
$("button").click(function()){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button"> Click me.</button>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(documment).ready(function){
$("button").click(function()){
$(this).hide();
});
});
<body>
$(this).hide() 隐藏当前元素
$("p").hide() 隐藏所有段落
$(."test").hide() 隐藏所有 class="test"的所有元素
$("#test").hide() 隐藏所有 id="test"的元素
jQuery使用的语法是XPath与CSS选择语法的组合。
文档就绪函数
$(documnet).ready(function){
/*
jquery 语法在这里执行
*/
}
jQuery使用过CSS选择器来选取HTML 元素
$("p") 选取<p>元素
$("p.info")选取所有class="intro"的<p>元素
$("p#demo")选取所有id="demo"的<p>元素
jQuery使用XPath表达式来选择带有给定属性的元素
$("[href]")选择所有带有href属性的元素
$("[href]=‘#’")选取所有带有href值等于"#"的元素。