`

jQuery的格式

 
阅读更多

      最近在看jQuery,发现jQuery的格式我有点驾驭不了了,特此贴出来,巩固学习一下:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

 //注意,color和red都是带双引号的。当然单引号也是可以的。

 

 

<div style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div>

 //注意,这里的style里用分号分割,不是逗号。

 

$("div").animate({
      left:'250px',
      height:'+=150px',
      width:'+=150px'
    },"slow");

 //注意,animate的参数是用逗号分割的,内部的大括号的元素也是用逗号分割的,属性和值用冒号分割。属性不带引号,值带单引号或者双引号。

 

 

 接下来看一看css文件的格式:

<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
}
</style>

 //以分号分割,无需引号。

 

$("#w3s").attr({
      "href" : "http://www.w3school.com.cn/jquery/",
      "title" : "W3School jQuery 教程"
    });

 //设置属性,用逗号分割,属性和值都用引号包含。

 

添加class:

<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
$("#div1").addClass("important blue");

 //用空格隔开即可。

 

选择器还可以这样用,一次选多个:

$("h1,h2,p").addClass("blue");

 

设置css:

 

$("p").css({"background-color":"yellow","font-size":"200%"});

 //用逗号分割,都有引号。

 

$("div").children("p.1").css({"color":"red","border":"2px solid red"});
<div class="descendants" style="width:500px;">div (当前元素) 
  <p class="1">p (子)
    <span>span (孙)</span>     
  </p>
  <p class="2">p (子)
    <span>span (孙)</span>
  </p> 
</div>

 //找p.1

 

$("p").eq(1).css("background-color","yellow");

 //竟然不用冒号分割。

 

我已经无法驾驭了,我会慢慢适应的。

分享到:
评论

相关推荐

    jquery格式化大写金额组件

    **jQuery格式化大写金额组件**是一个用于将数字金额转换为中文大写的JavaScript插件,广泛应用于财务报表、发票和银行系统中。该组件提供了一种标准且方便的方式来处理金融数据的显示,确保了在前端界面中金额的正确...

    jquery格式化日期

    jquery格式化日期。格式化时间工具类使用简单只要将该文件引入即可使用他是基于jquery的插件

    jQuery货币金钱格式化数字插件

    accounting.js是什么,金钱和货币格式一个微小的JavaScript库,使用可选的Excel风格的列渲染(排队符号和小数)。它的重量轻,完全可本地化和具有零依赖性。 演示地址:http://www.jq22.com/jquery-info326

    jquery格式输入插件Masked Input

    总的来说,jQuery Masked Input 是一款强大且易用的输入格式化工具,它能够极大地提升网页表单的用户体验。通过灵活的配置和丰富的遮罩格式,我们可以轻松实现各种复杂的数据输入格式,确保用户输入的数据准确无误。

    jQuery.formatMoney

    将千分位格式的字符串转换为浮点数; alert($.formatMoney(1234.345, 2)); //=&gt;1,234.35 alert($.formatMoney(-1234.345, 2)); //=&gt;-1,234.35 alert($.unformatMoney(1,234.345)); //=&gt;1234.35 alert($....

    jquery源码 带格式

    - `rvalidchars`: 用于验证JSON字符串是否符合JSON格式规范的正则表达式。 - `rvalidbraces`: 用于检查JSON字符串中括号的正确嵌套的正则表达式。 - `rvalidescape`: 用于匹配JSON字符串中的转义字符的正则表达式。 ...

    jQuery CHM 格式帮助文档

    在“jQuery CHM 格式帮助文档”中,你可以找到关于jQuery库的详尽信息,包括但不限于以下几个关键知识点: 1. **jQuery选择器**:jQuery的选择器基于CSS,允许开发者高效地选取DOM元素。例如,`$("#id")`选取ID为...

    jquery教程chm格式

    《jQuery教程CHM格式》是一本专为开发者设计的手册,它以压缩包的形式提供,包含了一系列关于jQuery库的详细教学内容。jQuery是一款强大的JavaScript库,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画...

    jquery文本,以文本格式保存的jquery文件

    这个压缩包文件包含了与jQuery相关的文本资料,转换为TXT格式以便于阅读和学习。让我们详细探讨一下这些知识点。 首先,**选择器**是jQuery的核心功能之一,它允许开发者高效地选取DOM元素。jQuery的选择器语法是...

    jQuery api html格式

    jQuery api html格式jQuery api html格式jQuery api html格式jQuery api html格式jQuery api html格式jQuery api html格式jQuery api html格式

    jquery-dateFormat, 使用JavaScript格式化日期输出的jQuery插件.zip

    jquery-dateFormat, 使用JavaScript格式化日期输出的jQuery插件 使用JavaScript格式输出日期输出的jQuery dateformat插件- 拥有的,jQuery是最小的日期格式库。 ! 安装下载最新的jquery.dateFormat.js 或者 jquery....

    input限制输入格式jQuery插件

    jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。

    前端开源库-metal-tools-build-jquery

    这就是Metal Tools Build jQuery的作用所在——它是一个专门用于将金属(Metal.js)的ES6 JavaScript文件构建为jQuery格式的工具,旨在帮助开发者无缝对接新旧技术。 Metal.js 是一个轻量级的前端框架,它提供了...

    jquery表格多格式导出

    jquery.base64.js jquery.table2excel.js tableExport.js 这三个资源保证导出中文的excel表格。 html2canvas.js是提供导出图片的, sprintf.js与jspdf.js是导出pdf格式

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    《jQuery Masked Input插件详解:打造自定义输入格式的高效控件》 在Web开发中,用户界面的交互性和用户体验至关重要。为了提高输入数据的规范性和易用性,开发者常会采用各种输入控件来限制或指导用户的输入格式。...

    jQuery1.12.4+jQuery中文手册.rar

    压缩包内包含两个jQuery的CHM( Compiled HTML Help )文件,这是一种Windows平台下的帮助文档格式,方便离线查阅。`jQuery1.11.0_20140330.chm`可能是早期版本的jQuery API参考,而`jQueryAPI_CHM.CHM`则是针对...

    jquery Word格式整理去掉无用空格和首行缩进效果代码

    在给定的标题和描述中提到的"jquery Word格式整理去掉无用空格和首行缩进效果代码",指的是利用jQuery这一JavaScript库来处理Word文档中的格式问题,特别是消除多余的空格和首行缩进。这在批量处理大量文档时非常...

    jquery时间格式化插件资源包

    这个"jquery时间格式化插件资源包"是专为jQuery设计的一个实用工具,其目的是帮助开发者更方便地处理和展示日期与时间信息。下面我们将深入探讨这个插件的核心功能和使用方法。 该插件的主要功能在于时间格式化,它...

    jQuery网页文字导出word格式插件.zip

    jQuery网页文字导出word格式插件就是针对这一需求设计的工具,它利用了jQuery库和一个名为jquery.wordexport的插件来实现这一功能。下面将详细介绍这个插件的工作原理、使用方法以及其在实际应用中的优势。 首先,...

    Jquery下載,Jquery-3.5.1

    5. **Ajax**: jQuery 的 `$.ajax()` 方法简化了异步数据获取,支持 JSON, XML, HTML 等多种格式的数据交互。此外,还有 `$.get()`, `$.post()` 等简化的接口。 ### LINQ 风格的链式操作 jQuery 的设计受到了 .NET ...

Global site tag (gtag.js) - Google Analytics