如何使用HTML5和CSS3编程的Ajax jQuery对象
Ajax中的jQuery对象很有趣，因为它是从HTML5和CSS3编程的各种DOM元素中创建的，因为它为这些元素添加了精彩的新函数。
如何更改元素的样式
如果可以动态地更改元素CSS，则可以对此进行很多。
jquery使这个过程很容易。
有一个jQuery对象后，可以使用CSS()方法添加或者更改对象的任何CSS属性。
代码显示jQuery代码共同的特写：
<!DOCTYPE html>
<title>styleElements.html</title>
<meta charset="UTF-8">
<script type = "text/javascript"
src = "jquery-1.10.2.min.js"></script>
<script type = "text/javascript">
$(init);
function init(){
$("h1").css("backgroundColor", "yellow");
$("#myParagraph").css({"backgroundColor":"black",
"color":"white"});
$(".bordered").css("border", "1px solid black");
}
</script>
</head>
<body>
<h1>I'm a level one heading</h1>
<p id = "myParagraph">
I'm a paragraph with the id "myParagraph."
</p>
<h2 class = "bordered">
I have a border.
</h2>
<p class = "bordered">
I have a border too.
</p>
</body>
</html>
你在这个计划中找到了一些有趣的事情。
首先，看看HTML：
它包含一个H1标签。这不是太令人兴奋，但你可以用它来展示如何通过DOM类型来定位元素。
有一个id myparagraph有一个段落。这将用于说明如何按ID定位元素。
班上有两个元素。我们在普通DOM工作中没有简单的方法，将代码应用于特定类的所有元素，但jQuery使其简单。
几个元素有自定义CSS，但没有定义CSS。 jQuery代码动态更改所有CSS。
init()函数被标识为文档准备就绪时要运行的函数。
在此函数中，强大CSS方法用于动态地更改每个元素CSS。
请注意各种元素如何定位。
如何选择jQuery对象
jQuery为我们提供了几种用于从DOM元素创建jQuery对象的替代方案。
通常，我们在CSS中使用相同的规则在jQuery中选择jQuery中的对象：
DOM元素的目标是如此。我们可以在$("")机制中包含任何DOM元素来定位所有类似元素。例如，使用$("H1")来引用所有H1对象或者$("P")来引用所有段落。
使用标识符定位特定ID。这与CSS中的工作完全相同。如果我们有一个包含ID的元素，请使用代码$("misthing")。
使用 。目标成员的标识符。同样，这是与CSS中使用的相同机制，因此可以使用代码$("forbered")修改添加到它们的类的所有元素。
我们甚至可以使用复杂的标识符。我们甚至可以使用$("li img")使用复杂CSS标识符。此标识符仅针对列表项中的图像。
这些选择方法(所有借用熟悉CSS表示法)为代码添加了令人难以置信的灵活性。
我们现在可以根据我们用于识别CSS中的元素的相同规则轻松选择JavaScript代码中的元素。
如何修改样式
在识别对象或者一组对象后，可以应用jQuery方法。
一种非常强大和简单的方法是方法。
此CSS()方法的基本形式需要两个参数：样式规则和值。
例如，要使所有H1对象的背景颜色为黄色，请使用以下代码：
$("h1").css("backgroundColor", "yellow");
如果将样式规则应用于对象的集合(如所有H1对象或者带有边界类的所有对象)，则立即将相同的规则应用于所有对象。
风格规则的更强大变体存在，允许我们立即申请多个CSS样式。
JSON符号中的一个对象作为其参数：
$("#myParagraph").css({"backgroundColor":"black",
"color":"white"});
此示例使用json对象定义为一系列规则/值对。
