`
happy200318
  • 浏览: 6359 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

关于JQuery的$(document).ready()放的位置

阅读更多
今天我在项目中用了一下JQuery。
我们的页面是用 JSP+WebWork+部分<%%>代码

首先 ,我将 jquery.js和custom.js  的引用加到<head></head>中所有<script></script>之前。

可页面加载后,死活弹出脚本错误,说$("input") 没有定义。
$("input,select").focus(function(){
$(this).css({background:'#FF9900', border:"1px solid #f00",backgroundColor:'#FFFFEC'});
});

可是,input是我的输入文本框标签。既然整个文档都加载完成了,为什么提示没有到找呢?


后来我将jquery.js和custom.js放在</body>之前。靠,生效了,没有弹出错误了。而且文本框获得焦点也能改变颜色。

我的想法,放在<head></head>之间,难道是webwork里面有程序在执行,导致 dom 页面没有加载完成?

放在最后,就OK了?

请大家说说看吧!
分享到:
评论
3 楼 玩皮鼠 2009-08-20  
我一般都放在页面的最下面,呵呵!
2 楼 kanny87929 2009-08-18  
楼主用了别的JS库了?
1 楼 艾岚珂 2009-08-14  
说实话,我还没这样试过,不过我一般也是在head之间加的

相关推荐

    jQuery(document).ready(function($) { });的几种表示方法

    `jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...

    Jquery.Messager弹出消息插件

    $(document).ready(function() { $.messager.defaults = { showType: 'slide', // 动画效果,如淡入、滑动等 timeout: 3000, // 消息显示后自动关闭的毫秒数 draggable: true // 是否可拖动 }; }); ``` 2. ...

    jquery-1.12.4-jquery.min.js.zip

    2. **事件处理**:jQuery 的事件处理比原生JavaScript更加直观,例如`$(document).ready(function() { ... })`用于页面加载完成后执行代码,`$("button").click(function() { ... })`用于监听按钮点击事件。 3. **...

    JQuery信息提示框插件 jquery.toast.js 的使用

    2. **初始化插件**:在 jQuery 的 `$(document).ready` 函数内调用 `.toast()` 方法初始化插件。 3. **创建提示**:使用 `.toast('message')` 创建一个简单的提示,或者使用 `.toast(options)` 接受一个配置对象来...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$(document).ready(function() {...})`:页面加载完成时执行的函数。 - `$(element).on('event', function() {...})`:动态绑定事件,支持多种事件类型。 5. **动画效果** - `$(element).fadeIn()`/`.fadeOut...

    jquery.page.js下载

    $(document).ready(function(){ $('body').page(); }); ``` 3. **配置参数**:可以通过传递对象参数来设置滚动效果,例如: ```javascript $('body').page({ duration: 800, // 滚动动画持续时间 easing: '...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    例如,使用`$(document).ready()`确保在页面完全加载后执行初始化代码,使用`.click()`绑定点击事件,以及使用`.data()`来存储和检索附加数据。 总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两...

    jQuery-2.2.4.js

    动画效果是jQuery的亮点,$.fn.animate()方法允许开发者创建自定义动画,而$.fn.slideToggle()、$.fn.fadeIn()、$.fn.fadeOut()等预定义的动画函数则提供了常见的过渡效果。 最后,jQuery-2.2.4.js版本中还包含了...

    jquery-3.6.0.min.zip

    3. **事件处理**:jQuery简化了事件绑定,`$(element).click(function() {...})`用于绑定点击事件,`$(document).ready(function() {...})`确保页面加载完成后执行代码。 4. **链式操作**:jQuery的方法返回的是...

    jquery.marquee.js官方下载

    $(document).ready(function() { $('#yourElement').marquee(); }); ``` 其中,`#yourElement`是你想要添加滚动效果的HTML元素的ID。 在实际应用中,我们还可以通过设置参数来定制滚动效果,例如: ```...

    jQuery之$(document).ready()使用介绍

    在学习jQuery框架时,了解$(document).ready()函数的作用至关重要。这一函数是管理页面加载顺序和时机的核心部分,它确保了页面的DOM元素完全加载并可被脚本操作之后,才执行包裹在其中的代码。 ### 知识点:jQuery...

    jquery.processing.plugin.js以及详细演示

    $(document).ready(function() { $('#mySketch').processing({ sketch: function(p) { // 这里写Processing.js的代码 } }); }); ``` 4. **添加交互性**:jQuery Processing Plugin.js允许你利用jQuery的强大...

    Jquery中$(document).ready(function(){ })函数的使用详解

    jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法:$(“div p”); // (1)$(“div.container”); // ...

    jquery.table2excel.js

    $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: ...

    jquery.paginate.js

    $.ajax({ url: 'get_blogs.php', data: {page: page}, success: function(data) { // 更新页面内容 $('#blogList').html(data); } }); } }); }); ``` 在这个例子中,`onPageChange`函数会在用户切换页码时...

    Jquery中$与$.fn的区别实例.zip

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...

    jquery-1.1.3.1.js,jquery.linscroll.js

    $(document).ready(function() { $('selector').linscroll(options); }); ``` 其中,`options`是一个包含插件设置的对象,根据插件的具体需求进行配置。 总结,"jquery-1.1.3.1.js"和"jquery.linscroll.js...

    比Jquery的document.ready更快的方法

    从给定的文件内容中,我们可以提炼出一些知识点,包括Jquery的$(document).ready()的替代方法、浏览器的DOMContentLoaded事件、以及兼容性处理。 首先,文件中提到的更快的方法实际上是指一种JavaScript的编码实践...

    $(document).ready(function() {})不执行初始化脚本

    3. **异步加载**:如果你的页面使用了异步加载策略,比如延迟加载或按需加载,那么JQuery库可能在`$(document).ready()`执行前没有完全加载。 4. **语法错误**:检查`$(document).ready()`函数内的代码是否存在语法...

    jQuery.corner.js

    $(document).ready(function() { $("#myDiv").corner("5px solid #ccc"); // 设置圆角半径和边框颜色 }); ``` 除了基本的圆角设置,jQuery.corner.js 还可以处理复杂的边框效果,如梯形边框、斜角边框等。这为网页...

Global site tag (gtag.js) - Google Analytics