jQuery使用小结
来源:互联网 发布:生产流程优化重点 编辑:程序博客网 时间:2024/06/06 23:16
$(document).ready(function(){});
选择器
$("p:first") 第一个元素$("p.intro") class为intro的P元素
$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素 【!】
$("ul li:first-child") 选取 每 个 <ul> 元素的第一个 <li> 元素 【!】 :first过滤器只匹配第一个子元素,而:first-child过滤器将为每个父元素匹配一个子元素。
$("[href]") 含有href属性的
$("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素 【!】
$("tr:even") 选取偶数位置的 <tr> 元素 【!】 注意是从0开始算的 第0,2,4...个
$("tr:odd") 奇数
更新选择器可以参考文章 、在线选择器检测
事件
鼠标:click() dbclick() mouseenter()划过元素 mouseleave()离开 mousedown()移动到并点击鼠标 mouseup()松开鼠标
focus() blur()获得与失去焦点 hover()悬浮模拟了enter和leave
DOM
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值(value值等) 写 val("Dolly Duck")
- attr() 设置与获取 属性值
$(document).ready(function(){ $("button").click(function(){ $("#w3s").attr("href", function(i,origValue){ return origValue + "/jquery"; }); }); });添加元素 : 被选元素的内容的前后 后append 前prepend 被选元素的前后 after before
eg.
$("#select_id").append("<option>heh</option>");可以添加多个:
o1="<option>heh</option>";o2="<option>mem</option>";$("#select_id").append(o1,o2);
删除元素:remove() emoty() 过滤:删除class是aa的所有 <p> 元素: $("p").remove(".aa");
操作CSS:addClass() removeClass toggleClass()
css() 取值 设置值 也可以用来设置多个值
eg.
$("p").css({"background-color":"yellow","font-size":"200%"});
遍历
祖先:parent()单个 parents()所有,可筛选→_→ parents("ul") parentsUnit()取两者之间,不包含两者本身。
后代:children()所有,可筛选 find()也可用于筛选
同胞:siblings()所有,可筛选 next()下一个 nextAll() nextUnit() 同理 prev() prevAll() prevUnit()
frist() last() eq(0) 索引是从0开始 $("p").filter(".intro")所有p中含有.intro的元素 同理not() 不含有
0 0
- Jquery - jquery 使用小结
- jquery ajax使用小结
- jquery validate使用小结
- jquery miniUi使用小结
- JQuery插件使用小结
- Jquery使用小结
- jQuery使用小结
- jquery miniUi使用小结
- Jquery validate使用小结
- jquery miniUi使用小结
- 使用jQuery UI Datepicker 小结
- jquery easyui treegrid使用小结
- jquery validate 插件使用小结
- jquery easyui treegrid使用小结
- jquery.cookie.js 使用小结
- 自做网站 jquery 插件 使用 小结
- jquery操作select option使用小结
- jquery easyui treegrid使用小结:二
- 堆跟栈、静态、常量理解
- Android图片异步加载
- 奇偶数分离
- Android的onCreateOptionsMenu()创建菜单Menu详解
- xcode 弹出的错误 1 <Xcode cannot launch apps on the simulated device “iPhone 5s”, as it is cur>
- jQuery使用小结
- 浅谈Service Manager成为Android进程间通信(IPC)机制Binder守护进程之路
- 开机动画 开灯关灯
- 一步一步写平衡二叉树(AVL树)
- 做c语言的码农专业发展方向
- 对于javascript中 history.go back的总结
- Fibonacci数
- 机器学习实战代码学习(K-近邻算法)
- Deep Learning 备忘与总结