欢迎来到天天文库
浏览记录
ID:21138224
大小:259.50 KB
页数:24页
时间:2018-10-19
《完整版(jquery语法)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、下载可编辑jQuery语法您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。jQuery语法实例$(this).hide()演示jQueryhide()函数,隐藏当前的HTML的元素。$("#test").hide()演示jQueryhide()函数,隐藏id="test"的元素。$("p").hide()演示jQueryhide()函数,隐藏所有
元素。$(".test").hide()演示jQueryhide()函数,隐藏所有class="test"的元素。jQuery语法jQuery语法是为HTML元素的选取
2、编制,可以对元素执行某些操作。基础语法是:$(selector).action()·美元符号定义jQuery·选择符(selector)“查询”和“查找”HTML元素·jQueryaction()执行对元素的操作实例$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有段落$("p.test").hide()-隐藏所有class="test"的段落$("#test").hide()-隐藏所有id="test"的元素提示:jQuery使用的语法是XPath与CSS选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语
3、法。文档就绪函数您也许已经注意到在我们的实例中的所有jQuery函数位于一个documentready函数中:专业资料精心资料下载可编辑$(document).ready(function(){---jQueryfunctionsgohere----});这是为了防止文档在完全加载(就绪)之前运行jQuery代码。jQuery选择器选择器允许您对元素组或单个元素进行操作。jQuery选择器在前面的章节中,我们展示了一些有关如何选取HTML元素的实例。关键点是学习jQuery选择器是如何准确地选取您希望应用效果的元素。jQuery元素选择器和属性选择器允
4、许您通过标签名、属性名或内容对HTML元素进行选择。选择器允许您对HTML元素组或单个元素进行操作。在HTMLDOM术语中:选择器允许您对DOM元素组或单个DOM节点进行操作。jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p")选取
元素。$("p.intro")选取所有class="intro"的
元素。$("p#demo")选取id="demo"的第一个
元素。jQuery属性选择器jQuery使用XPath表达式来选择带有给定属性的元素。$("[href]")选取所有带有href属性的元素。专业资料精心资
5、料下载可编辑$("[href='#']")选取所有带有href值等于"#"的元素。$("[href!='#']")选取所有带有href值不等于"#"的元素。$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。jQueryCSS选择器jQueryCSS选择器可用于改变HTML元素的CSS属性。下面的例子把所有p元素的背景颜色更改为红色:实例$("p").css("background-color","red");jQuery参考手册-选择器jQuery选择器选择器实例选取*$("*")所有元素#id$("#lastname"
6、)id=lastname的元素.class$(".intro")所有class="intro"的元素element$("p")所有
元素.class.class$(".intro.demo")所有class=intro且class=demo的元素 :first$("p:first")第一个
元素:last$("p:last")最后一个
元素:even$("tr:even")所有偶数
7、元素(index从0开始):gt(no)$("ulli:gt(3)")列出index大于3的元素:lt(no)$("ulli:lt(3)")列出index小于3的元素:not(selector)$("input:not(:empty)")所有不为空的input元素 :header$(":header")所有标题元素
8、"p:hidden")所有隐藏的
元素:visible$("table:visible")
此文档下载收益归作者所有