<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<style type="text/css">
.unselect{
color: #2524ff;
font-size: 20px;
}
.selected{
color: #f54958;
font-size: 25px;
}
.highlight{
background-color: #6caeee;
}
</style>
<div id="divMsg">Hello Word !</div>
<input id="btnShow" type="button" value="显示"/>
<input id="btmHide" type="button" value="隐藏" />
<input id="btnChange" type="button" value="修改内容为 Hello Word, too !">
<form>
<input name="check1" type="checkbox" value="an"/>
<input name="check2" type="checkbox" value="an"/>
<input type="button" value="ab" />
<input type="radio" value="ac" />
<input type="text" value="aa">
<p> aa</p>
<p> ba</p>
<p >
<span> aa</span>
</p>
</form>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<h1>h1</h1>
<h2>h2</h2>
<table>
<tr>
<td name="cc">aa</td><td>bb</td><td><ol>p</ol></td>
</tr>
<tr>
<td name="cc" id="cc">cc</td><td></td> <td></td>
</tr>
</table>
<img name="imgs" />
<div>
<span> aa</span>
</div>
/* 此示例使用了:
* (1) jQuery的Id选择器: $("#btnShow")
* (2) 事件绑定函数 bind()
* (3) 显示和隐藏函数. show()和hide()
* (4) 修改元素内部html的函数html()
*/
$("#btnShow").bind("click",function(event){$("#divMsg").show();});
$("#btmHide").bind("click",function(event){$("#divMsg").hide();});
$("#btnChange").bind("click",function(event){$("#divMsg").html("Hello Word ,too !");});
//创建 DOM 添加到现有的 DIV上
$("<div id='testDiv' style='border: solid 1px #ff1e37'>动态创建DIV</div> ").appendTo($("#divMsg"));
//获取匹配的第二个元素 eq 函数 ; gt 匹配所有大于给定索引值的元素; lt 选择结果集中索引小于 N 的 elements
$("div:eq(1)").toggleClass("selected");
//保留子元素中不含有ol的元素 filter 过滤器
$("div").filter(function(index){ return $("ol",this).size() == 0; });
//由于input元素的父元素是一个表单元素,所以返回true is函数
logs( $("input[type='checkbox']").parent().is("form") ) ;
分享到:
相关推荐
Jquery学习笔记 Jquery学习笔记 Jquery学习笔记
JQuery学习笔记 JQuery学习笔记 JQuery学习笔记 JQuery学习笔记 JQuery学习笔记
锋利的JQuery学习笔记
jquery 学习笔记jquery 学习笔记jquery 学习笔记jquery 学习笔记
javascript jquery 学习笔记 资料
jquery的学习总结笔记 对选择器和常用方法进行总结 有实例
NULL 博文链接:https://goyourauntie.iteye.com/blog/745626
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记
JQUERY学习笔记.doc JQUERY学习笔记.doc JQUERY学习笔记.doc
JQuery学习笔记.txtJQuery学习笔记.txtJQuery学习笔记.txt
JQuery学习笔记,docx格式,记录了JQuery的一些知识要点,供大家参考。
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
jquery 学习笔记源码 1第一个jquery
JQuery学习笔记 详 个人学习Jquery时记下的心得笔记 详细
这是关于JQuery的学习过程中的一个笔记,当中记载了很多注意事项以及技巧,值得一看
]_封捷_jQuery学习笔记
锋利的JQuery学习笔记,总结超经典!