Menu
Woocommerce Menu

方法用法实例,Javascript基础教程之关键字和保留字汇总

0 Comment

本文实例讲述了jQuery中wrapInner()方法用法。分享给大家供大家参考。具体分析如下:

关键字不可以作为变量名或者函数名

本文实例讲述了jQuery中innerWidth()方法用法。分享给大家供大家参考。具体分析如下:

此方法使用指定的HTML内容或元素将匹配的元素内容包裹起来。

复制代码 代码如下:

获取第一个匹配元素内部区域宽度。
包括内补白(padding)、不包括边框border)。也就是说内部区域的宽度等于padding和border之和。
此方法对可见和隐藏元素均有效。
可以结合innerHeight()方法学习。

语法一:

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

语法结构:

用指定的DOM元素去包裹匹配元素的内容。

保留字是为以后关键字而准备的

复制代码 代码如下:

复制代码 代码如下:

也不可以用来变量或者函数名。

$(selector).innerWidth()

$(selector).wrapInner(elem)

复制代码 代码如下:

实例代码:

参数列表:

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

复制代码 代码如下:

参数 描述
elem 用于包裹目标的DOM元素。

在定义变量时,不要使用关键字或者保留字,否则会出现一些莫名其妙的情况。

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>脚本之家</title>
<style type=”text/css”>
p{
  background-color:green;
  height:100px;
  width:200px;
  padding:10px;
  border:5px solid red;
}
</style>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“button”).click(function(){
    $(“p”).text($(“p”).innerWidth())
  });
});
</script>
</head>
<body>
<p>此处显示innerWidth数值</p>
<button>点击查看p的innerWidth</button>
</body>
</html>

实例:

您可能感兴趣的文章:

  • javascript
    获取所有id中包含某关键字的控件的实现代码
  • JQuery+JS实现仿百度搜索结果中关键字变色效果
  • js
    关键词高亮(根据ID/tag高亮关键字)案例介绍
  • 调试Javascript代码(浏览器F12及VS中debugger关键字)
  • JS关键字变色实现思路及代码
  • js中的this关键字详解
  • 用JS将搜索的关键字高亮显示实现代码
  • JS关键字球状旋转效果的实例代码
  • Javascript中的关键字和保留字整理
  • JavaScript保留关键字汇总

以上代码可以将p元素的内部区域宽度写入元素本身内部。

复制代码 代码如下:

希望本文所述对大家的jQuery程序设计有所帮助。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>
<meta name=”author” content=”//www.jb51.net/” />
<head>
<title>脚本之家</title>
<style type=”text/css”>
   div
   {
      width:200px;
      height:200px;
      border:1px solid blue;
   }
   p
   {
      width:150px;
      height:150px;
      border:1px solid red;
   }
银河国际网址手机版,</style>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
    $(document).ready(function(){
        $(“button”).click(function(){
            $(“div”).wrapInner(document.createElement(“p”));
        });
    });
</script>
</head>
<body>
    <div>这是div的内容,将会被包裹</div>
    <div>这是div的内容,将会被包裹</div>
    <button>用div包裹每个段落</button>
</body>
</html>

您可能感兴趣的文章:

  • Javascript与jQuery方法的隐藏与显示
  • jQuery中trigger()方法用法实例
  • jQuery的one()方法用法实例
  • jQuery中bind()方法用法实例
  • jQuery中on()方法用法实例
  • jQuery自定义添加”$”与解决”$”冲突的方法
  • jQuery中offsetParent()方法用法实例
  • jQuery中outerWidth()方法用法实例
  • jQuery中outerHeight()方法用法实例
  • jQuery中triggerHandler()方法用法实例
标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图