影响任何对象的jQuery函数
创建一个jQuery函数，用于淡出单击的任何对象 这是一个作业问题。我有一个问题，创建一个单一的功能，将淡出任何对象/元素 我创建了四个段落和四个按钮，其中我创建了四个jQuery函数；每当我点击一个按钮，它就会淡出一个段落 现在这个问题需要一个jquery函数来完成指定的任务。 请帮我提示一下如何使用影响任何对象的jQuery函数,jquery,html,Jquery,Html,创建一个jQuery函数，用于淡出单击的任何对象 这是一个作业问题。我有一个问题，创建一个单一的功能，将淡出任何对象/元素 我创建了四个段落和四个按钮，其中我创建了四个jQuery函数；每当我点击一个按钮，它就会淡出一个段落 现在这个问题需要一个jquery函数来完成指定的任务。 请帮我提示一下如何使用 <!DOCTYPE html> <html lang="en"> <head> <title>JQuery in Actio
<!DOCTYPE html>
<html lang="en">
<head>
<title>JQuery in Action</title>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test1").click(function(){
$("#heading1").fadeOut();
});
});
$(document).ready(function(){
$("#test2").click(function(){
$("#paragraph1").fadeOut();
});
});
$(document).ready(function(){
$("#test3").click(function(){
$("#heading2").fadeOut();
});
});
$(document).ready(function(){
$("#test4").click(function(){
$("#paragraph2").fadeOut();
});
});
</script>
</head>
<body>
<button id="test1">For Heading 1</button>
<button id="test2">For Paragraph 1</button>
<button id="test3">For Heading 2</button>
<button id="test4">For Paragraph 2</button>
<h1 id="heading1">Learning the basics of JQuery - JQuery in Action</h1>
<p id="paragraph1">
Lorem ipsum dolor sit amet, mel aeterno propriae id, dolore pertinacia eu vix.
</p>
<h1 id="heading2">Testing continue - JQuery in Action</h1>
<p id="paragraph2">
Lorem ipsum dolor sit amet, mel aeterno propriae id, dolore pertinacia eu vix.
</p>
</body>
JQuery正在运行
$（文档）.ready（函数（）{
$（“#test1”）。单击（函数（）{
$（“#头1”）.fadeOut（）；
});
});
$（文档）.ready（函数（）{
$（“#test2”）。单击（函数（）{
$（“第1段”）.fadeOut（）；
});
});
$（文档）.ready（函数（）{
$（“#test3”）。单击（函数（）{
$（“#头2”）.fadeOut（）；
});
});
$（文档）.ready（函数（）{
$（“#test4”）。单击（函数（）{
$（“#第2段”）.fadeOut（）；
});
});
标题1
第1款
标题2
第2款
学习JQuery的基础知识-JQuery的实际应用
Lorem ipsum dolor sit amet，mel aeterno propriae id，dolore pertinacia eu vix。
测试继续-JQuery正在运行
Lorem ipsum dolor sit amet，mel aeterno propriae id，dolore pertinacia eu vix。
在这里做一些研究，阅读fadein（）。 他们举了一些很好的例子来帮助你！ -->先生，这可能会对您有所帮助
<!DOCTYPE html>
<html lang="en">
<head>
<title>JQuery in Action</title>
</head>
<body>
<button data-target="heading1">For Heading 1</button>
<button data-target="paragraph1">For Paragraph 1</button>
<button data-target="heading2">For Heading 2</button>
<button data-target="paragraph2">For Paragraph 2</button>
<h1 id="heading1">Learning the basics of JQuery - JQuery in Action</h1>
<p id="paragraph1">
Lorem ipsum dolor sit amet, mel aeterno propriae id, dolore pertinacia eu vix.
</p>
<h1 id="heading2">Testing continue - JQuery in Action</h1>
<p id="paragraph2">
Lorem ipsum dolor sit amet, mel aeterno propriae id, dolore pertinacia eu vix.
</p>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").on('click', function(event) {
var target = $(this).data('target');
$("#" + target).fadeOut();
event.preventDefault();
});
});
</script>
</body>
</html>
JQuery正在运行
标题1
第1款
标题2
第2款
学习JQuery的基础知识-JQuery的实际应用
Lorem ipsum dolor sit amet，mel aeterno propriae id，dolore pertinacia eu vix。
测试继续-JQuery正在运行
Lorem ipsum dolor sit amet，mel aeterno propriae id，dolore pertinacia eu vix。
$（文档）.ready（函数（）{
$（“按钮”）。在（'click'，函数（事件）{
var target=$（this.data（'target'）；
$（“#”+目标）.fadeOut（）；
event.preventDefault（）；
});
});