因特网, 网页设计
我们为什么需要以及如何录制jQuery的选择?
现代网页设计师不仅要熟练掌握了HTML,基础知识的CSS和JavaScript,同时也能够在jQuery库,其重点的JavaScript和HTML的文档的交互工作。 它允许快速访问任何元素DOM(应用程序编程接口,提供对内容的HTML文件的访问),并操纵它们。 该库的主要结构单元是团队。 为了应用一个或其他球队,你需要一个jQuery的选择。
在jQuery库式选择
基于CSS中使用的JQuery的选择。 他们被要求选择项目的HTML文件,用它们来使操纵他们(球队)的这些或其它方法。 搜索是通过选择$()函数进行。 例如,$( '格')。
选择器可根据要素如何选择可分为:
- 基本的;
- 由属性;
- 层次结构;
- 内容;
- 上的情形;
- 表单字段的选择;
- 别人。
重点选择
在90%的病例使用这种库用于属于主组的JQuery选择器时。 所有这些都相当简单明了。 让我们考虑一下它们:
- * - 选择所有页面的元素,包括头部,身体等;
- P / DIV /侧边栏/ ... - 选择属于预定标签的所有元素(即p.div,侧边栏等);
- .myClass / p.myClass - 选择与指定的类名的元素;
- #MYID / P#本身份识别码 - 选择具有给定ID的任何一个项目。
下面是一个例子。 比方说,我们需要选择与比肩类条目页面上的所有元素将如下:(参数)$。 如果必要的话只有这个类的p元素,然后写:$(p.par)。
属性选择
您可以使用JQuery的基本选择,如果我们需要选择属于任何具有ID类项目或选择页面上的所有元素。 然而,有这样的情况,当一个项目没有类或ID。 正是出于这一点,并有按属性选择。 他们让你做出一些选择的HTML元素,属性如HREF或SRC。 该属性被写在 方括号 []。
最简单的例子:$([SRC]) - 选择具有src属性的所有元素。 这是可以通过指定某些属性值,以缩小该示例:$([SRC = 'HTTP://站点/条/ 132222 /值'])。
如果要缩小选择的领域,你可以使用一些jQuery选择。 例如,$(P [颜色=蓝色] [大小= 12]) - 仅选择那些元素P,其具有蓝色和大小12。
选择内容
在这种情况下,如果你不能选择基于属性或基本选择的元素,你应该参考其内容。 总共有这种类型的4选择器:
- :包含 - 选择包含指定文本项;
- :有 - 选择包含该行的其他特征元素的元素;
- :父 - 选择包含任何其它元件;
- :空 - 选择不包含任何其他元素。
下面是一个例子。 要选择所有元素DIV,包含你好的文字,你需要写$(DIV:包含(“你好”))。
选择层次
还有另一种方式来选择的JQuery,即元素 - 根据它们的层次(即,彼此的HTML的页面上的比)。 他们中的很多,所以我们提出了两种最流行的,“孩子”和“后裔”的。
在第一种情况下,元件被选择,这是一个给定的元件(祖先)直接后代(儿童)。 例如,要选择列表中的灯类,这是一个孩子导航列表中的元素,那么你需要写:$(UL#NAV> li.light)。
第二种情况 - 一个较为一般。 有可被选择和该元件的间接后代。 例如,要在列表中选择资产净值规定中的链接:$(UL#NAV一)。
因此,在JQuery的元件可以以各种方式通过使用参数中选择,诸如类,ID,属性,HTML的文档元素的内容或层级。
Similar articles
Trending Now