jQuery
什么是jQuery?jQuery是一个Javascript库,极大的简化了Javascript编程。
接下来就讨论如何使用这个库吧。
因为这是一个库,所以首先要引入库
<script type="text/javascript" src="jquery.js"></script>
jQuery 部分写在包装的代码里。
<script type="text/javascript"> $(document).ready(function(){ /***代码部分**/ }); 或是精简版的 $(function(){ }); </script>
jQuery语法:这个很简单。$(selector).action();
jQuery选择器:使用$作为选择符,$("p") $("p.class-name")选择有class="class-name"的<p>
$("[href]")所有有href属性的元素 $("[foo="value"]")$("[foo!='value']")$([foo$=".jpg"])以.jpg结尾
jQuery事件:以click时间举例,
$("button").click(function(){
});
其他常见的事件还有:dbclick focus mouseover......................;
jQuery效果:以hide()为例:
$("div1").hide();//参数可选,(speed,callback)speed:slow fast 或是毫秒数
其他还有hide() show() toggle() fadeIn() fadeOut() fadeToggle() fadeTo(speed,opacity,callback)
slideUp()滑动效果是元素出现和隐藏 slideDown() slideToggle()等;
还有animate(),添加动画效果参数有({CSS属性 color:"red"},speed,callback);stop()方式用于停止动画以及效果进程。
callback函数用于在顺利执行方法后执行。
jQuery获得内容和属性:text()获取或设置文本 html()获取或设置html代码 val()获取或设置表单元素的值 方法;
获取或设置属性attr(),attr("属性名称":"属性值");
jQuery添加元素:append()被选元素的结尾;prepend()被选元素的开头 after() 后边 before()之前
append() and prepend() after() before()can receive many newElements
jQuery删除元素:remove()删除被选元素,empty()删除被选元素的子元素;
jQuery操作CSS addClass() removeClass() toggleClass() css() css("propertyname")返回css属性值
css("propetyname","value")设置css属性;
jQuery尺寸:width()设置数值使用整数即可 height() innerWidth() innerHeight() outerWidth(true) outerHeight(true)
jQuery遍历:parent()直接父元素 parents()所有父元素 可添加参数进行搜索 parentUntil("元素便签名")介于两个元素之间的父元素
children(),返回所有直接子元素 可使用参数搜索 find()返回所有后代 可使用参数搜索。
siblings()所有同胞元素 next() nextAll() nextUntil() prev() prevAll() prevUntil()部分可使用参数搜索
first() 被选元素的第一个元素 last() eq()选择带有索引号的元素 filter()筛选 参数是选择符 not()与filter相反
jQuery Ajax:get(url,callback) 回调函数有2个参数 第一个接收responseText 第二个接收status。
post(url,data,callback)
jQuery noConflict()方法用来替换选择符。var jq=$.noConflict();