JQuery API 再复习发现的选择器和方法
2016-06-02 15:08
381 查看
今天没有什么任务,就自己安排学习JQuery API,发现了以前不清楚或者不常用的好方法。现总结分享如下:
选择器
方法
小技巧
选择器
$("p:first");第一个P $("p:last");最后一个P $("tr:even");偶数行 $("tr:odd");奇数行 $("ul li:gt(3)");index>3 $("ul li:lt(3)");index<3 $(":header")所有标题元素<h1>--<h6> $(":animated")处于动画的元素 $(":contains('W3School')")包含指定字符串 $(":empty")无子元素 $("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素 $(":button")所有 type="button" 的 “<input>” 元素
方法
after(),before(),insertAfter(),insterBefore()外部插入,返回对象不一样。 prepend(),prependTo()内部插入。前置内容,append().appendTo()追加内容。 .empty()只是清空该元素的下面的子元素,不删除本身 .remove(),删除节点本身和节点下的所有后代节点,所有的都删除。 .detach()保留数据的删除,让web元素托管,所有绑定的事件和附加数据都会保留下来。 $("div").clone().css("color","red")//只克隆结构,事件丢失 $("div").clone(true)//结构,事件数据都克隆
小技巧
如何从一个未排序的集合中找出某个元素的索引号 $("ul > li").click(function () { var index = $(this).prevAll().length; });
相关文章推荐
- Jquery图片上传大小限制
- jquery Ajax 全局调用封装
- jQuery Ajax 的 load()方式
- jquery实现图片轮转
- jquery获取和设置值
- Jquery each循环用法小结
- 30 个最棒的 jQuery 的拖放插件
- jQuery和Prototype的兼容性和冲突的五种解决方法
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- $.ajax()方法详解
- 一个简单的jQuery回调函数例子
- 2014年50个程序员最适用的免费JQuery插件
- javascript和jquery动态创建html元素
- jQuery简单验证上传文件大小及类型的方法
- jquery.validate使用详解
- jQuery.data原理介绍
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- JQuery easyUI datetimebox
- jquery知识小结
- jQuery ajax应用总结