如果链接仅显示源代码并将其连接到我的html,如何下载Jquery

如果链接仅显示源代码并将其连接到我的html,如何下载Jquery,jquery,css,html,Jquery,Css,Html,我第一次使用jQuery,无法下载。 我是个新手。如果我做得不好,我道歉;欢迎任何建设性的批评。 我对编码很陌生。我现在已经上了三个季度的大学,学习过C#、Ruby、html、SQL、JS和PS。我知道数据类型、函数、变量和循环……但我对语法的记忆非常有限,我真的很挣扎。 我需要新手级别的帮助,希望能以清晰、简单的步骤来表达,让我的jQuery从下载到运行。 我觉得有点傻,但我做这件事太久了,需要帮助。我相信这对熟悉它的人来说相当简单。有人能帮忙吗!!!!我花了太多时间尝试,但没有结果 为了做到

我第一次使用jQuery,无法下载。 我是个新手。如果我做得不好,我道歉;欢迎任何建设性的批评。 我对编码很陌生。我现在已经上了三个季度的大学,学习过C#、Ruby、html、SQL、JS和PS。我知道数据类型、函数、变量和循环……但我对语法的记忆非常有限,我真的很挣扎。 我需要新手级别的帮助,希望能以清晰、简单的步骤来表达,让我的jQuery从下载到运行。 我觉得有点傻,但我做这件事太久了,需要帮助。我相信这对熟悉它的人来说相当简单。有人能帮忙吗!!!!我花了太多时间尝试,但没有结果

为了做到这一点,我知道我需要粘贴一个Jquery库文件“下载未压缩的开发Jquery 1.11.3” 和….“下载未压缩的开发jQuery迁移1.2.1” 来自jQuery官方网站

我试图下载它,但我得到的只是源文件。我观看了utube视频学习,但没有发现太多,我所发现的是针对一个特定的教程目标,我无法吸收它

我明白,为了在html中获得jQuery库,我需要:

不确定它是在html的头部还是正文中…我想我把它放在了正确的位置? 我被告知必须在CDN前面添加http:

我正努力做到这一点:

我的页面应该如何工作。 页面加载时所有标题都已关闭。当用户单击带有加号的标题时,将显示下面的文本,加号将变为减号。如果用户单击带有减号的标题,文本将隐藏,符号将变为加号

我有一个html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FAQs</title>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="index.css">
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="faqs.js"></script>     

</head>

<body>
    <section id="faqs">
        <h1>jQuery FAQs</h1>
        <h2><a href="#" id="first_link">What is jQuery?</a></h2>
        <div>
            <p>jQuery is a library of the JavaScript functions that you're most likely 
               to need as you develop web sites.
            </p>
        </div>
        <h2><a href="#">Why is jQuery becoming so popular?</a></h2>
        <div>
            <p>Three reasons:</p>
            <ul>
                <li>It's free.</li>
                <li>It lets you get more done in less time.</li>
                <li>All of its functions are cross-browser compatible.</li>
            </ul>
        </div>
        <h2><a href="#">Which is harder to learn: jQuery or JavaScript?</a></h2>
        <div>
            <p>For most functions, jQuery is significantly easier to learn 
                and use than JavaScript. But remember that jQuery is JavaScript.
            </p>
        </div>
    </section>
</body>
</html>

您正确地包括了jquery,正如在
部分中一样,您有以下内容:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

这里包括jquery的1.9.1版本,但是在回答这个问题时,还有最后两个版本,1.11.3和2.1.4,它们是相同的,只是在支持InternetExplorer版本8和更低版本的浏览器方面有所不同,如果需要支持这些浏览器,那么使用1.x版本,如果不使用这里提到的2.x版本

jQuery2.x与jQuery1.x具有相同的API,但不支持InternetExplorer6、7或8。jQuery1.9升级指南中的所有注释也适用于这里。由于IE8仍然比较常见,我们建议使用1.x版本,除非您确定没有IE6/7/8用户访问该网站

所以下载1.11版本,你就安全了

至于在网页中包含jquery的位置,它可以位于
标题部分或
之前的页面底部,但请记住,在页面中包含jquery之后,需要完成或包含所有使用jquery进行的编码

如果要在头部加载它,请确保在
$(document.ready)中编写jquery函数(函数{/*此处的代码*/})
以便它等待HTML DOM准备就绪,但如果要在关闭页面底部的
正文之前包含它,则无需将其包装到
document.ready()
函数中

请记住,始终包括生产缩小的
.min.js
文件,因为它是压缩的,并且大小较小-与未压缩的277KB相比,它是97KB-并且在大多数情况下,您并不真正需要开发版本

`

$(文档).ready(函数(){
$(“h2 a”)。单击(函数(){
var s=$(this.attr('id');
$('.+s).show();
});
});
/*类型选择器*/
文章
在一边
图形
figcaption,
页脚,
标题,
导航,
部分{
显示:块;
}
* {
保证金:0;
填充:0;
}
身体{
字体系列:Verdana、Arial、Helvetica、无衬线;
字体大小:87.5%;
宽度:650px;
保证金:0自动;
边框:3件纯蓝;
}
部分{
填充:15px 25px;
}
h1{
字体大小:150%;
}
氢{
字体大小:120%;
填充:.25em0.25em25px;
光标:指针;
背景:url(images/plus.png)不重复左中心;
}
负氢{
背景:url(images/minus.png)不重复左中心;
}
a{
颜色:黑色;
文字装饰:无;
}
h2:悬停{
背景色:#ccccff;
}
答:焦点,
a:悬停{
颜色:蓝色;
}
div{
显示:无;
}
公开组{
显示:块;
}
保险商实验室{
左侧填充:45px;
}
李{
垫底:25em;
}

jQuery常见问题解答
jQuery是一个JavaScript函数库,您在开发网站时很可能需要这些函数。

原因有三:

  • 它是免费的
  • 它可以让你在更短的时间内完成更多的工作
  • 它的所有功能都是跨浏览器兼容的
对于大多数函数,jQuery比JavaScript更易于学习和使用。但请记住jQuery是JavaScript。


首先,您得到的只是源代码。看起来您以前从未使用过JavaScript。JavaScript是在运行时编译的。因此,您不必编译它。源代码是JavaScript程序。这就是它的分布方式。只需从jQuery网站获取源代码,并将其粘贴到项目中某个位置的
jQuery.js
文件中。然后,您可以将其链接到:

<script src="jquery.js"></script>
该代码应该放在网站的
部分的某个地方,或者在关闭
标签之前。建议将其置于
标记之前,因为它不会阻止页面的呈现

然后,要实现collpasing功能,首先向要折叠的元素添加一个类,并使用css隐藏它们。然后,将单击事件附加到它们,这将切换它们的可见性,如
<script src="jquery.js"></script>
<script src="js/jquery.js"></script>
<script>
    $(document).ready(function() {
        $("a").click(function(e) {
            e.preventDefault();

            $(".element").toggle();
        });
    });
</script>