标签:
1、 jQuery是一个优秀的js框架
jQuery相比其他脚本类库的优势:
①核心稳定、效率高、兼容性强 ②有丰富烦人学习资源、插件多
jQuery的主旨:以更少的代码,实现更多的功能 (write less, do more)
jQuery官网: Jquery.com
2、引入JQuery文件库: <script language="Javascript" type="text/Javascript" src="存放路径/jquery-1.10.1.min.js"></script>
3、jQuery的"$" 是一标志,页面元素的选择,功能函数的前缀都必须使用$
4、$(document).ready(function(){})简写为$(function(){})
$(function(){})与window.omload别:
⑴$(function(){})在页面框架加载完毕后就执行;window.onload在页面完全加载完毕(包括图片下载)后才能执行,相比前者效率更高。
⑵$(function(){})可执行多个且每次执行结果不同,window.onload尽管可执行多个但只输出最后一个执行结果,无法完成多个结果的输出。
5、jQuery的"$ 选择器
id选择器
$("#showDiv")相当于document.getElementById("ssshowDiv")
类选择器
$(".someclass")
特殊
$("p:odd")选择所有位于偶数行的<p>标记,$("p:even")选择所有位于奇数行的<p>标记
$("td:nth-child(1)")所有表格行的第一个单元格,就是第一列。
$("li>a")返回<li>标记的所有子元素<a>,不包括孙标记。
$("a[href$=pdf]")选择所有超链接,并且这些链接的href属性是以"pdf"结尾。
6、功能函数前缀
$.trim(sString)
7、使用选择器
属性选择器
$("a[title]").addClass("myClass") 给a标签的title属性增加myClass样式
$("a[href=‘10-9.html‘]").addClass("myClass")
$("a[href^=http://]").addClass("myClass") 所有以http开头的a标签
$("a[href$=html]").addClass("myClass") 所有以html结尾的标签
$("a[href*=html]").addClass("myClass") 所有href中含有isaac的a标签
包含选择器
$("li:has(a)")包含超链接的所有li标记
位置选择器
$("p:first")整个页面里面的第一个p标签
$("p:last")整个页面里面的最后一个p标签
$("p:first-child")选择所有的P标记,且这些p标记是其父标记的第一标记。
$("p:last-child")选择所有的p标记,且这些P标记是其父标记的最后一个标记。
$("p:nth-child(odd)").addClass("myClass") 选择所有的p标记,且这些P标记是其父标记的奇数行。
$("p:odd").addClass("myClass")整个页面的偶数行p标记。
$("p:eq(4").addClass("myClass") 第五个p标记(从0开始)。
$("p:gt(n)").addClass("myClass") 第 n个(从0开始,不包括n本身)P标记之后的所有p标记。
8、过滤选择器
$("input[name=‘a‘]").addClass("myClass")
$(":button") | 所有按钮 |
$(":checkbox") | 所有复选框,等同于$("input[type=‘checkbox‘]") |
$("div:contains(foo)") | 所有包含了文本”foo“的元素 |
$(":disable") | 所有被禁用的元素(等价与$("input[disable]").attr("value","aaa"); ) |
$(":enable") | 所有没有被禁用的元素 |
$(":file") | 所有上传文件 |
$(":input") | 所有表单元素 |
$(":selected") | 所有下拉菜单中被选中的项 |
$(":visible") | 所有可见的元素 |
$(":submit") | 所有提交按钮 |
反向过滤
$(":input:not(:radio)")表示input中所有非radio元素
:not(filter)filter必须是过滤选择器,而不能是其他选择起
eg:
div p :not(p:hidden)错误
div p :not(:hidden)正确
标签:
原文地址:http://www.cnblogs.com/screen2015/p/5140824.html