Home >Web Front-end >JS Tutorial >Use jQuery to add row styles to a div

Use jQuery to add row styles to a div

巴扎黑Original: 2017-06-22 17:44:511016browse

This article mainly introduces in detail jQuery related methods of adding row styles to a certain p. It has certain reference value and interested friends can refer to it. At a glance

JQuery all starts with the $ symbol. Of course, you can use jQuery to replace the $ sign. They are identical and equal at the same time. () is actually a method, which can pass anonymous functions , etc. When selecting a certain p, if the id is p1, use $('#p1'). Remember to add the # sign. This is the same as the # sign we add when writing css styles.

Sample example is as follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head> 
  <title>基础核心</title>
 <script type="text/javascript" src="jquery-1.11.1.js"></script>
 <script type="text/javascript">
 $(function(){
 
 $(&#39;#box&#39;).css(&#39;color&#39;,&#39;red&#39;);//为id为box的p加入行间样式
 
});
 </script>
 </head>
 
 <body>
 <p id="box">Jquery</p>
 
 </body>
</html>

Rendering:

Change the font color to red:

The above is the detailed content of Use jQuery to add row styles to a div. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to use JQuery.dataTables to implement the table plug-in to add the function of jumping to a specified pageNext article：How to use JQuery.dataTables to implement the table plug-in to add the function of jumping to a specified page

See more

Use jQuery to add row styles to a div

Related articles