jQuery--语法

最新推荐文章于 2022-03-17 21:04:43 发布

。。。。。see

最新推荐文章于 2022-03-17 21:04:43 发布

阅读量135

点赞数

文章标签： jQuery 自学

本文链接：https://blog.csdn.net/qq_39248664/article/details/103942047

版权

$(选择的元素).执行方法();

例子：

$(this).hide(); 隐藏当前元素

$("p").hide();隐藏所有<p> 元素

$("p.test").hide(); 隐藏所有 class="test" 的<p> 元素

$("#test").hide();-隐藏所有id="test"的元素

jQuery 入口函数:

$(document).ready(function (){

//开始写jQuery 代码

});

// 这种写法的意思是：在文档完全加载之后在执行function（）；

//防止文档还没有完全加载就开始执行函数

提示：简洁写法（与以上写法效果相同）

$(function(){

});

javaScript 入口函数：

window.onload()=function (){

//执行代码

}

jQuery 入口函数与 JavaScript 入口函数的区别：

jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。

JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

获取内容和属性：

1.test（）设置或者返回文本内容

2.html （）设置和返回所选元素的内容（包含html标签）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">这是段落中的 <b>粗体</b> 文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>
</html>

点击显示文本 --->

点击显示html---->

还有获取属性attr（）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#runoob").attr("href"));
  });
});
</script>
</head>

<body>
<p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p>
<button>显示 href 属性的值</button>
</body>
</html>

attr 和 prop 的区别介绍：

对于 HTML 元素本身就带有的固有属性，在处理时，使用 prop 方法。

对于 HTML 元素我们自己自定义的 DOM 属性，在处理时，使用 attr 方法。

实例 1：

<a href="https://www.runoob.com" target="_self" class="btn">菜鸟教程</a>

这个例子里 <a> 元素的 DOM 属性有: href、target 和 class，这些属性就是 <a> 元素本身就带有的属性，也是 W3C 标准里就包含有这几个属性，或者说在 IDE 里能够智能提示出的属性，这些就叫做固有属性。处理这些属性时，建议使用 prop 方法。

<a href="#" id="link1" action="delete" rel="nofollow">删除</a>

这个例子里 <a> 元素的 DOM 属性有: href、id 和 action，很明显，前两个是固有属性，而后面一个 action 属性是我们自己自定义上去的，<a> 元素本身是没有这个属性的。这种就是自定义的 DOM 属性。处理这些属性时，建议使用 attr 方法。

prop()函数的结果:

1.如果有相应的属性，返回指定属性值。

2.如果没有相应的属性，返回值是空字符串。

attr()函数的结果:

1.如果有相应的属性，返回指定属性值。

2.如果没有相应的属性，返回值是 undefined

。。。。。see

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery--语法

$(选择的元素).执行方法();例子：$(this).hide(); 隐藏当前元素$("p").hide();隐藏所有<p> 元素$("p.test").hide(); 隐藏所有 class="test" 的<p> 元素$("#test").hide();-隐藏所有id="test"的元素jQuery 入口函数:$(document).re...
复制链接

扫一扫