Question

我正在尝试使用jquery mobile构建应用。下面是html doc的结构。我想将样式应用于内容的内部元素。我想将css应用于“＆lt; pre＆gt;”元素使用和相对样式表在单独的.css页面中定义。我如何实现这一目标？

谢谢，

阿伦

<div data-role="page" id="myid">
<div data-role="header">
<h1>My header</h1>
</div>
<div data-role="content">
<pre> page content............</pre>
</div>
</div>

Answer 1

首先向元素添加类，以便正确访问它们。

<div data-role="page" id="myid">
<div data-role="header">
<h1>My header</h1>
</div>
<div data-role="content">
<pre class="target"> page content............</pre>
</div>
</div>

然后定位他们

$(".target").css("color", "red" );

Answer 2

以下内容应该：

$("pre").addClass("myClass");

您还可以将CSS类添加到pre并选择它：

<pre class="preClass">
....
$(".preClass").addClass("myClass");

或者您可以向pre添加ID并选择它

<pre id="preID">
....
$("#preID").addClass("myClass");

选择元素的一些方法是：

$（“。myClass”） - 按班级选择
$（ “＃本身份识别码”）
$（“*”） - 选择所有元素

addClass用于向所选元素添加一个或多个CSS类。

有关选择器的更多信息，请访问：

JQuery Selectors - jquery.com

JQuery Selectors - w3schools

将css应用于页面内的jquery移动元素

2 个答案: