因特网网页设计

我们为什么需要以及如何录制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

 

 

 

 

Newest

Copyright © 2018 zhcn.birmiss.com. Theme powered by WordPress.