没有合适的资源?快使用搜索试试~ 我知道了~
花了一段时间查看好几本jquery相关书籍,将一些常见的应用做成笔记,一般网站用的到的应该都有了
资源推荐
资源详情
资源评论
***************************精妙技巧************************
1.var n = a||{}
原理:
a未定義為false,則n={}
a定義了則||短路,n = a;
***************************精妙技巧************************
1.DOM對象和jquery對象之間的轉換
jquery>DOM
一.var domobj = jqueryobj[0]
二.var domobj = jqueryobj.get(0)
DOM>jquery
var jqueryobj = $(domobj)
2.jquery選擇器
$('ul p') == $('ul').find('p')
--基本选择器
id選擇器:$('#id')
標籤選擇器:$('div')
類選擇器:$('.textbox')
并集选择器:$('#id,div')
交集选择器:$('h1.title')
全局选择器:$('*')
--层次选择器
后代选择器:$('div span')
子选择器:$('div>span')
相邻元素选择器:$('#menu1+span')
同辈元素选择器:$('#menu1~span')
--属性选择器
$("[href]") 选取含有href属性的元素
$("[href='#']") 选取href属性值为“#”的属性
1.var n = a||{}
原理:
a未定義為false,則n={}
a定義了則||短路,n = a;
***************************精妙技巧************************
1.DOM對象和jquery對象之間的轉換
jquery>DOM
一.var domobj = jqueryobj[0]
二.var domobj = jqueryobj.get(0)
DOM>jquery
var jqueryobj = $(domobj)
2.jquery選擇器
$('ul p') == $('ul').find('p')
--基本选择器
id選擇器:$('#id')
標籤選擇器:$('div')
類選擇器:$('.textbox')
并集选择器:$('#id,div')
交集选择器:$('h1.title')
全局选择器:$('*')
--层次选择器
后代选择器:$('div span')
子选择器:$('div>span')
相邻元素选择器:$('#menu1+span')
同辈元素选择器:$('#menu1~span')
--属性选择器
$("[href]") 选取含有href属性的元素
$("[href='#']") 选取href属性值为“#”的属性
$("[href!='#']") 选取href属性不为“#”的元素
$("[href^='ch']") 选取href属性值以“ch”开头的元素
$("[href$='ch']") 选取href属性值为“ch”结尾的元素
$("[href*='ch']"选取href属性值含“ch”的元素
$("li[id][title=name]"选取含有id属性和title属性为“name”的<li>元素
--基本过滤选择器
$("div:has('#id')")选取含有id为id的元素的div
$("div:contains(test))选取文本为test的div
$("li:first") 选取所有<li>元素中的第一个
$("li:last") 选取所有<li>元素中的最后一个
$("li:not(.three)") 选取class不是three的元素
$("li:even") 选取索引是偶数的所有<li>元素
$("li:odd") 选取索引是奇数的所有<li>元素
$("li:eq(1)") 选取索引等于1的<li>元素
$("li:gt(1)") 选取索引大于1的<li>元素
$("li:lt(1)") 选取索引小于1的<li>元素
$(":header") 选取网页中的所有标题元素 如:<h1>、<h2>、<h3>、<h4>...
$(":focus") 选取当前获取焦点的元素
$(":visible") 选取所有可见元素
$(":hidden") 选取所有隐藏元素
$(":checked") 选取所有可见元素
$(":selected") 选取所有隐藏元素
--子选择器
$("div:first-child")
$("div:last-child")
$("div:nth-child(2)")
$("div:nth-child(even)")
$("div:nth-child(odd)")
$("div:nth-child(2n+1)")
$("div:only-child")
$("[href^='ch']") 选取href属性值以“ch”开头的元素
$("[href$='ch']") 选取href属性值为“ch”结尾的元素
$("[href*='ch']"选取href属性值含“ch”的元素
$("li[id][title=name]"选取含有id属性和title属性为“name”的<li>元素
--基本过滤选择器
$("div:has('#id')")选取含有id为id的元素的div
$("div:contains(test))选取文本为test的div
$("li:first") 选取所有<li>元素中的第一个
$("li:last") 选取所有<li>元素中的最后一个
$("li:not(.three)") 选取class不是three的元素
$("li:even") 选取索引是偶数的所有<li>元素
$("li:odd") 选取索引是奇数的所有<li>元素
$("li:eq(1)") 选取索引等于1的<li>元素
$("li:gt(1)") 选取索引大于1的<li>元素
$("li:lt(1)") 选取索引小于1的<li>元素
$(":header") 选取网页中的所有标题元素 如:<h1>、<h2>、<h3>、<h4>...
$(":focus") 选取当前获取焦点的元素
$(":visible") 选取所有可见元素
$(":hidden") 选取所有隐藏元素
$(":checked") 选取所有可见元素
$(":selected") 选取所有隐藏元素
--子选择器
$("div:first-child")
$("div:last-child")
$("div:nth-child(2)")
$("div:nth-child(even)")
$("div:nth-child(odd)")
$("div:nth-child(2n+1)")
$("div:only-child")
剩余12页未读,继续阅读
资源评论
土族人
- 粉丝: 1
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功