-
parent>child选择器 parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”) child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。 注意:使用此选择器获取的是家庭中的子辈,不包括孙子辈和家庭外的成员查看全部
-
通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。查看全部
-
sele1,sele2,seleN选择器<br> 有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下:<br> $(“sele1,sele2,seleN”)<br> 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。 例如:通过选择自己喜欢的不同类型的<div>,修改器显示的内容 <head> <title>sele1,sele2,seleN选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="red">选我吧!我是red</div> <div class="green">选我吧!我是green</div> <div class="blue">选我吧!我是blue</div> <script type="text/javascript"> $(".red,.green").html("hi,我们的样子很美哦!"); </script> </body>查看全部
-
ready()事件类似于 onload()事件,但前者只要页面的dom结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行,下面写法是想等等的。$(document).ready(function(){})等价于$(function(){});查看全部
-
实践证明,由于使用*选择器获取的是全部元素,因此,有些浏览器将会比较缓慢,这个选择器也需要谨慎使用。 多个元素都包含在<div>元素中,因此,它们都是<div>元素的子元素,那么,就可以使用$(“div *”)的方式获取<div>元素中的这三个子元素,并使用html()方法来设置它们显示的内容。查看全部
-
URL操作函数 调用名为$. param的工具函数,能使对象或数组按照key/value格式进行序列化编码,该编码后的值常用于向服务端发送URL请求,调用格式为: $. param (obj); 参数obj表示需要进行序列化的对象,该对象也可以是一个数组,整个函数返回一个经过序列化编码后的字符串。查看全部
-
操作元素的内容: 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 .html()与.text()的区别: (1)参数为空时,.html()获取标签内所有内容,包括标签;而.text()则只获取文本内容,会忽略包含的标签。 如“<div id="content"><i>我的身体有点歪哦</i></div>”中,.html()获取其中“<i>我的身体有点歪哦</i>”;而.text()则获取“我的身体有点歪哦”文本内容。 (2)当含参数设置内容时,.html()将把内容插入指定标签中,如内容有其他标签,则会当做标签解析运行;而.text()则是把其中的标签元素也当做是字符串内容。 如var $content="<b>唉,我又变胖了!</b>",用.html($content)则会解析<b></b>标签,使其html变为“<div><b>唉,我又变胖了!</b></div>”;而.text($content),则会将其中<b></b>也当做字符串,结果是“<div><b>唉,我又变胖了!</b></div>”查看全部
-
字符串操作函数 调用名为$.trim的工具函数,能删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格,调用格式为: $.trim (str); 参数str表示需要删除左右两边空格符的字符串。查看全部
-
检测两个节点的包含关系 调用名为$.contains的工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值,调用格式为: $.contains (container, contained); 参数container表示一个DOM对象节点元素,用于包含其他节点的容器,contained是另一个DOM对象节点元素,用于被其他容器所包含。查看全部
-
json查看全部
-
检测对象是否为原始对象 调用名为$.isPlainObject的工具函数,能检测对象是否为通过{}或new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值,调用格式为: $.isPlainObject (obj); 其中,参数obj表示需要检测的对象名称。查看全部
-
parent>child查看全部
-
在jQuery中,可以调用名为$.isEmptyObject的工具函数,检测一个对象的内容是否为空,如果为空,则该函数返回true,否则,返回false值,调用格式如下: $.isEmptyObject(obj); 其中,参数obj表示需要检测的对象名称。查看全部
-
<i>标签是斜体文本查看全部
-
检测浏览器是否属于W3C盒子模型 浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回的值,检测浏览器是否属于标准的w3c盒子模型。 由于boxModel盒子模型是$.support对象的一个属性,因此,必须先获取$.support对象,然后通过该对象调用boxModel属性名进行检测。 “boxModel”属性名称书写是否正确,注意区分大小写,因为本示例的页面中删除了<!DOCTYPE html>代码,因此,boxModel属性值为false。 因为在本示例中,主要检测HTML标记,不能没有,否则检测就没有什么意义。另外,$.support.boxModel检测的是浏览器是否属于w3c标准盒子模型,如果是则返回true。现在没有HTML,那么将返回false,所以显示IE盒子。查看全部
举报
0/150
提交
取消