引用jQuery和使用内部script代码块

已于 2024-04-25 21:37:43 修改
阅读量958 收藏
点赞数
分类专栏： 效果修正 文章标签： 加载顺序
于 2019-01-19 08:28:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44542088/article/details/86548515
版权

我在使用jQuery插件和script代码块的时候，把jQuery引入放到了script代码块的下面导致script代码块无法调用jQuery使页面无效果
在这里插入图片描述

Window加载是按顺序加载事件的，当加载到script代码块并没有加载有jQuery插件，所以无法调用jQuery插件里面的代码，也就使页面无效果。

把Query引入放到了script代码块的上面

在这里插入图片描述

window先加载到jQuery插件再加载script代码块，这个时候script代码块的代码则成功调用jQuery插件的代码，这个时候页面就有效果了

學點
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery试题
CRGYSSE的博客
04-08 2537
在<script>元素中，可以使用（ A ）属性指定引用jQuery脚本的路径。A、srcB、linkC、locationD、js在jQuery程序中，（ D ）是jQuery的缩写。A、jq()B、#()C、&()D、$()在jQuery程序中，（ C ）是一个jQuery对象，表示当前引用的HTML元素对象。A、selfB、$(self)C、$(this)D、thisjqu...
什么是JQuery？JQueryScript的基本语法
H1453571548的博客
08-31 826
JQuery是一个JavaScript函数库;是一个轻量级的“写的稍做的多的javaScript库； JQuery功能有： 1、对于HTML元素的提取和操作 2、对于CSS的操作等 3、对于HTML的事件函数 4、javaScript特效和动画 5、HTMLDOM遍历和修改 6、AJAX 7、Utilties等等.........
Jquery基础知识
web2001chu的博客
08-10 1612
jquery引入方式 本地引入 <script scr='jquery,.js'></script> 远程引入 <script scr==“http:// ajax.microsoft.com/ajax/jquery/ jquery-1.4.min.js”> jquery选择器 基本选择器 ${"#id"} id选择器 ${".class"} ${“div”} ${"*"} ${“div,span”} 层次选择器 $(“E1 E2”) 选择E1下所有E2 $(
JavaScript中的JQuery
qq_44997166的博客
04-21 3377
jquery是一个前端的js库，他封装了一些原生的操作的方法以及解决一些原生的兼容。同时也是一个轻量级的js库，具备强大的方法封装（dom操作 动画 以及链式调用等等的优势）
Jquery自学总结
weixin_43281120的博客
11-09 294
JQuery 基础： 概念： 一个JavaScript框架。简化JS开发 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的Java...
jqueryMobile使用示例分享
11-23
`<link>` 标签引用了 jQuery Mobile 的样式表，而 `<script>` 标签引入了 jQuery 核心库和 jQuery Mobile 库。 总的来说，jQuery Mobile 提供了一套丰富的 UI 组件，如表单、按钮、页眉、页脚、列表视图、可折叠...
jquery tmpl
08-19
- `*`：用于条件判断，如果表达式为真，则执行相应的代码块。 ### 3. 使用示例 ```html <script id="myTemplate" type="text/x-jquery-tmpl"> {{each(items)}} ${name} {{/each}} </script> ``` 在这个...
javascript中用星号表示预录入内容的实现代码
12-08
// 代码块 }); ``` 3. **绑定keydown事件**：通过`keydown`事件监听用户在指定文本框`#txtCustomsCode`中的输入行为。 ```javascript $("#txtCustomsCode").keydown(function(e){ // 事件处理函数 }); ``` 4. *...
jquery API
03-16
在实际项目中，通过引用jQuery库（通常从CDN获取，如`<script src="https://code.jquery.com/jquery-3.x.x.min.js"></script>`），然后在`$(document).ready()`或`$(function() {...})`块中编写代码，确保DOM加载...
[removed]视频课程javascript课程和练习
05-19
5. 函数：可重用的代码块，可以接收参数并返回值。 6. 事件处理：响应用户操作，如点击按钮、滚动页面等。 在JavaScript CeV课程中，你还将学习到高级特性： 1. 对象和原型链：理解面向对象编程的概念，如何创建和...
微信网页jssdk调用demo
03-02
一个web项目，tomcat6，jdk1.7直接运行即可，初始页面index.jsp里面有接入列子，以及调用其他的接口的列子，
【JavaScript】jquery的导入方式有两种：本地导入和线上导入
最新发布
qiqizgl777的博客
08-10 3682
jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库，jquery可以大大的简化复杂的js代码，使开发人员专注于实现页面的效果。
jquery
weixin_44740410的博客
04-15 115
1.使用jquery的步骤 ①导入jquery库 ②写代码 2. 入口函数 window.onload=function(){} $(document).ready(function(){}); $(function(){}) 3.$的实质：就是一个函数，用法：①参数为函数，入口函数 ②参数为DOM对象，将DOM对象转换为jquery对象 ③字符串，获取jquery对象 4. jquery对象与j...
jQuery执行Script的方式
李尔摩斯de技术窝
09-16 1264
<br /><br />　　在jQuery中，有一个globalEval的和evalScript（此方法未绑定在jQuery对象中）的方法，用于执行Script语句，下面分分来讲一下<br /> <br />　　首先，说一下evalScript。evalScript方法传入的是一个<script>标签的DOM对象，一般是执行Script标签中的外部引用JS或内部JS语句。如果是一个引用外部的JS，那它直接执行一个AJAX，然后，把asyncy设置为false。如果是执行的Script语句，那就调用jQuer
jQuery 入门&选择器
weixin_66116818的博客
03-10 1012
什么是jQuery？ j:javascript Query:查询 jQuery的概念 jquery是一个js库。意思就是jquery是js封装的一个库，将原来一些js的写法变得更加简洁，并且提供了更加方便的选择器。所有jquery都能用js来完成 也可以通过CDN（Content Distrubute Net）来引用jquery jQuery文件的导入 通过script标签导入 注意事项：如果一个script标签中有src属性并且有值，那么该标签中间不能再次编写代码 <script
JavaScript教程（三）之 jQuery
m0_56752010的博客
05-28 2381
JavaScript库 即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等； 简单理解：就是一个JS文件，里面对我们原生JS代码进行了封装，存放到里面，这样我们可以快速高效的使用这些封装好的功能了；比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）； 常见的JavaScript库：jQuery、Prototype、YUI、Dojo、Ext
使用jQuery加载script脚本
weixin_34352449的博客
01-09 245
翻译人员: 铁锚 翻译日期: 2014年1月9日 原文日期: 2014年1月6日 原文链接:Loading Scripts withjQuery JavaScript loaders加载器简单强大而又非常有用。我在博客上介绍过其中一些,例如 curljs 和 LABjs ,也在个人项目中使用 RequireJS 和 Dojo 加载程序。他们是如此的强大,但在某些情况下可能...
1使用jQuery
小飞虫
07-12 1344
JQuery jQuery是继Prototype之后有一个优秀的javascript库，是一个开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大的简化了javaScript开发人员遍历html文档，操作Dom，处理事件，执行动画和开发ajax的操作。其独特而又优雅的代码风格改变了Javascript程序员的设计思路和编写程序的方式。 ******************* 为
jsp文件引入用script标签引入jquery后，后面的script失效
陈志航1995的博客
07-27 2622
昨天在通过jsp页面引入jquery后发现一个问题。js代码在jquery引入后，js代码无作用的情况。 jsp引入jquery的时候，出现的一个问题。引入的成功后jquery可以使用 但是这样写会有问题。就像下面的写法。 在script标签引入jquery后。jsp页面成功加载了jquery。但是在后面的script标签js代码会出现不能使用的情况。下面给出2中解决方案。 <head&gt...
jquery 等待1秒执行代码块
06-13
你可以使用 `setTimeout()` 方法来实现在 jQuery 中等待一定时间后再执行代码块。具体实现代码如下： ```javascript setTimeout(function(){ // 在这里编写你想要执行的代码块 }, 1000); // 这里的1000表示等待1...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值