jQuery导入及测试

jQuery导入:

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>//将jQuery包引入HTML

<script>jQuery语句</script>//调用jQuery书写jQuery程序

此处src为已经下载的jQuery文件安装目录。

jQuery测试:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
<script>
if(typeof jQuery == ‘undefined‘){
    window.alert("没有jquery");
}
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

  如果运行后界面上不弹出“没有jquery”的提示以及段落被点击后消失,则导入成功;否则说明没有成功,那么就检测代码吧,一般将jQuery放入项目文件下应该是可以用的,不成功的话多数情况是代码有问题,如某些拼写错误等。

时间: 2024-10-07 09:06:27

jQuery导入及测试的相关文章

导入MySQL测试数据库employee报错

导入MySQL测试数据库employee 报错 下载地址:https://launchpad.net/test-db/ 上传解压: [[email protected] ~]# tar xf employees_db-full-1.0.6.tar.bz2 [[email protected] ~]# cd employees_db 使用mysql命令行工具,导入建库建表语句和数据 employee.sql中是建库建表语句,默认使用的是InnoDB引擎,可以自行修改 [[email protect

JQuery 导入导出 Excel

正在做一个小项目, 从数据库中查询数据放在 HTML Table 中. 现在想要从这个 table 中导出数据来. 另外用户需要选择导出的列. 使用 jQuery 的导出插件可以完成这个需求. jQuery Plugin to Export HTML Tables 例子: 导入插件: [javascript] view plain copy <script src="jquery-tableexport/tableExport.js"></script> <

jQuery导入Eclipse后报错解决方法

使用Eclipse 3.7及以上版本时,工程中加入jquery.min.js文件,发现该文件出现错误提示(红×),但使用Eclipse 3.7以前的版本就不会出现这种提示.是因为Eclipse 3.7在.project配置文件中,加入了JS验证框架org.eclipse.wst.jsdt.core.javascriptValidator.加入该框架后,如果js文件书写规则不符合规范就会报错.但是工程仍然可以正常运行.于是考虑为了不让错误提示影响心情,删之.工程亦可正常运行. 操作如下: 在该工程

jQuery的小测试

1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? $('div:has(span)'); 2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是? $("ul li:last"); 3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是? 提

jquery常用操作@测试分享

格式化日期时间为2017-07-09 functionformatDate (dates) { varmydate= new Date(dates); varmon=mydate.getMonth()+1; mon= mon.toString().length <=1 ? "0" + mon: mon; vard=mydate.getDate(); d= d.toString().length <= 1 ? "0" + d: d; varh=mydate

用jquery实现Ping测试网络连接性

jquery的ping插件://要用的需要明白代码及自己改些地方 (function($) {    $.fn.ping = function(options) {        var opts = $.extend({}, $.fn.ping.defaults, options);        var stime = new Date().getTime();         return this.each(function() {            var ping, reques

IDEA导入JUnit测试类

1.选好一个IDEA项目 2.在项目上方加@Test注解 3.点击红色感叹号,导入JUnit4 4.点击ok,导入成功 5.测试运行 原文地址:https://www.cnblogs.com/lkylin/p/12424920.html

day13-web前端之JS与JQuery

第1章 JavaScript课堂总结 Blog链接: JS语法基础:http://www.cnblogs.com/liwenzhou/p/8004649.html BOM和DOM:http://www.cnblogs.com/liwenzhou/p/8011504.html jQuery:http://www.cnblogs.com/liwenzhou/p/8178806.html # 今日内容 1. JavaScript 1. JS基础语法 1. 如何在网页中引入JS? 2. 变量 3. 数据

JQuery实用技巧--学会你也是大神(1)——插件的制作技巧

  前  言 JRedu 学习之前,首先我们需要知道什么是JQuery? JQuery是一个优秀的javascript框架. JQuery是继Prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE,写更少的代码,做更多的事情.它是轻量级的js库,这是其它的js库所不及的,它兼容CSS3,还兼容各种常用浏览器. JQuery是一个快速的,简洁的JavaScript库,使用户能更方便地处理HTML documents.events.实现动画效果,