jquery基础语法,jQuery基础语法实例入门

作者:计算机知识

一、attr()

jQuery基础语法使用,jquery基础语法

一、attr()

attr()方法设置或重临成分的属性。

attr(属性名):获取元素属性名的值。

attr(属性名,属性值):设置元素属性名的值。

例子:

<a href=”http://127.0.01” id =”a1”>点我就变</a>
   <div>我改变后的地址是:</div>
   <script type=”text/javascript”>
      $(“#a1”).attr(“href”,”www.imooc.com”);
       var $url = $(“a1”).attr(“href”);
        $(“#tip”).html($url);
   </script>     

二、html()、text()

html():获取元素的html内容,原来的小说的格式代码也被抓取。

text():获取成分的html内容,原来的书文的格式代码未有抓取。

假定方式中富含参数,则代表将参数值设置为因素内容。

例子:

<div id=”html”></div>
<div id=”text”></div>
<script type=”text/javascript”>
  var $content=”<b>你好</b>”;
  $(“#html”).html($content);
  $(“#text”).text($content);
</script>

三、addClass()、css()

jquery基础语法,jQuery基础语法实例入门。addClass():操作成分中的样式,参数为增法郎素的样式名称。

css():直接将样式的性质内容写在括号中。

例子:

<div id=”content”>我穿了一件红衣</div>
   …
   $(#content”).css({“background-color”:”red”,”color”:”white”});

四、removeAttr()、removeClass()

removeAttr(name):完毕移除元素的属性名。

removeClass(class):达成移除成分的样式名。

例子:

<div id=”content” class=”blue white”>我脱下了一件蓝衣</div>
…
$(“#content”).removeClass(“blue”,”white”);

五、append()

append(content):向钦定的成分中华夏族民共和国净增内容,content参数能够是字符、HTML成分标志、只怕三个回去字符串内容函数。

例子:

function rethtml(){
   var $html = “<div id=”test” title=”hi”>我是调用函数创建的</div>”
   return $html;
}
$(“body”).append(rethtml());

六、appendTo()

appendTo():向钦命的要素内插入内容

接纳格式:$(content).appendTo(selelctor),content表示要求插入的原委,参数selector表示被选的因素。

例子:

<div>
  小乌龟
</div>
 var $html = “小青蛙
 $($html).appendTo(“div”);

七、before()、after()

before():在要素前边插入内容,

格式:$(selector).before(content。

after():在要素后边插入内容,

格式:$(selector).after(content)。

例子:

交个朋友吧!
var $html = “兄弟”
$(“.green”).after($html);

八、clone()

clone():生成多个被选成分的别本,

格式:$(selector).clone(),

selector能够是2个要素或HTML内容

例子:

交个朋友吧!
$(“body”).append($(“.green”).clone());

九、replaveWith()、replaceAll()

replaceWith():替换到分或因素中的内容,

格式:$(selector).replaceWith(content)

replaceAll():替换来分或因素中的内容,

格式:$(content).replaceAll(selector)

例子:

我是屌丝
var $html = “我是土豪”;
$($html).repalceAll(“.green”);

十、wrap()、wrapInner()

wrap():用于包裹成分本人,

格式:$(selector).wrap(wrapper)

wraplnner():用于包裹成分中的内容,

格式:$(selector).wrapInner(wrapper)

wrapper参数为包装成分的格式

例子:

我的身体有点歪
$(“.red”).wrapInner(“<b></b>”);

十一、each()

each():遍历钦定的要素集合,通过回调函数再次来到遍历成分的类别号,

格式:$(selector).each(function(index))

参数function为遍历时的回调函数,index为遍历成分的类别号,从0发轫。

例子:

香蕉
香蕉
香蕉
香蕉
$(“span”).each(function(index){
 if(index == 1){
$(this).attr(“class”,”red”);
}
});

十二、remove()、empty()

remove():删除成分自身和子成分,通过丰裕过滤参数钦点需求删除的一些因素;

empty():只删除所选成分的子成分

例子:

香蕉
香蕉
香蕉
香蕉
$(“span”).empty(“.green”);

 

一、attr() attr() 方法设置或回到成分的性质。 attr( 属性名 ): 获取成分属性名的值。 attr(属性名,属性值...

正文实例讲述了jQuery基础语法。分享给大家供咱们参谋。具体深入分析如下:

attr()方法设置或回到元素的属性。

此语法规则有四个部分构成:获取jQuery对象和对jQuery对象推行的操作。

attr(属性名):获取成分属性名的值。

复制代码 代码如下:

attr(属性名,属性值):设置成分属性名的值。

$(selector).action()

例子:

下面就对上述语法规则进行详细的论述:
一.$定义jQuery,将被选的DOM对象转变到jQuery对象。
二.selector是选取器,类似于CSS选拔器。
三.action()是要对jQuery对象行的操作。
注: $是jQuery的简写。例如:

<a href=”http://127.0.01” id =”a1”>点我就变</a>
   <div>我改变后的地址是:</div>
   <script type=”text/javascript”>
      $(“#a1”).attr(“href”,”www.imooc.com”);
       var $url = $(“a1”).attr(“href”);
        $(“#tip”).html($url);
   </script>     

复制代码 代码如下:

二、html()、text()

$("div")

html():获取成分的html内容,原来的小说的格式代码也被抓取。

也得以写成以下方法,可是我们习贯上都以地点的写法。

text():获取成分的html内容,原来的文章的格式代码未有抓取。

复制代码 代码如下:

借使艺术中带有参数,则意味着将参数值设置为成分内容。

jQuery("div")

例子:

实例代码:

<div id=”html”></div>
<div id=”text”></div>
<script type=”text/javascript”>
  var $content=”<b>你好</b>”;
  $(“#html”).html($content);
  $(“#text”).text($content);
</script>

复制代码 代码如下:

三、addClass()、css()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
}
</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").hide();
  });
})
</script>
</head>
<body>
<div></div>
<button>点击隐藏上边方块</button>
</body>
</html>

addClass():操作成分中的样式,参数为增欧成分的体制名称。

如上代码中,点击按键能够将div隐藏。

css():直接将样式的本性内容写在括号中。

指望本文所述对我们的jquery程序设计有着帮衬。

例子:

您恐怕感兴趣的稿子:

  • jQuery选拔器基础入门教程
  • JQuery入门基础小实例(一)
  • jQuery入门基础知识学习指南
  • jQuery入门介绍之基础知识
  • jquery 常用操作整理 基础入门篇
  • jquery 指南/入门基础
  • jQuery基础_入门不可不看知识点
<div id=”content”>我穿了一件红衣</div>
   …
   $(#content”).css({“background-color”:”red”,”color”:”white”});

四、removeAttr()、removeClass()

removeAttr(name):完毕移除成分的属性名。

removeClass(class):完毕移除成分的样式名。

例子:

<div id=”content” class=”blue white”>我脱下了一件蓝衣</div>
…
$(“#content”).removeClass(“blue”,”white”);

五、append()

append(content):向内定的成分中华夏族民共和国净增内容,content参数可以是字符、HTML成分标志、大概3个再次回到字符串内容函数。

本文由bwin必赢发布,转载请注明来源

关键词: 必赢亚洲26.net