今天我在项目中用了一下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了?
请大家说说看吧!
分享到:
- 2009-08-13 17:49
- 浏览 1444
- 评论(3)
- 论坛回复 / 浏览 (3 / 2100)
- 查看更多
相关推荐
`jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...
$(document).ready(function() { $.messager.defaults = { showType: 'slide', // 动画效果,如淡入、滑动等 timeout: 3000, // 消息显示后自动关闭的毫秒数 draggable: true // 是否可拖动 }; }); ``` 2. ...
2. **事件处理**:jQuery 的事件处理比原生JavaScript更加直观,例如`$(document).ready(function() { ... })`用于页面加载完成后执行代码,`$("button").click(function() { ... })`用于监听按钮点击事件。 3. **...
2. **初始化插件**:在 jQuery 的 `$(document).ready` 函数内调用 `.toast()` 方法初始化插件。 3. **创建提示**:使用 `.toast('message')` 创建一个简单的提示,或者使用 `.toast(options)` 接受一个配置对象来...
- `$(document).ready(function() {...})`:页面加载完成时执行的函数。 - `$(element).on('event', function() {...})`:动态绑定事件,支持多种事件类型。 5. **动画效果** - `$(element).fadeIn()`/`.fadeOut...
$(document).ready(function(){ $('body').page(); }); ``` 3. **配置参数**:可以通过传递对象参数来设置滚动效果,例如: ```javascript $('body').page({ duration: 800, // 滚动动画持续时间 easing: '...
例如,使用`$(document).ready()`确保在页面完全加载后执行初始化代码,使用`.click()`绑定点击事件,以及使用`.data()`来存储和检索附加数据。 总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两...
动画效果是jQuery的亮点,$.fn.animate()方法允许开发者创建自定义动画,而$.fn.slideToggle()、$.fn.fadeIn()、$.fn.fadeOut()等预定义的动画函数则提供了常见的过渡效果。 最后,jQuery-2.2.4.js版本中还包含了...
3. **事件处理**:jQuery简化了事件绑定,`$(element).click(function() {...})`用于绑定点击事件,`$(document).ready(function() {...})`确保页面加载完成后执行代码。 4. **链式操作**:jQuery的方法返回的是...
$(document).ready(function() { $('#yourElement').marquee(); }); ``` 其中,`#yourElement`是你想要添加滚动效果的HTML元素的ID。 在实际应用中,我们还可以通过设置参数来定制滚动效果,例如: ```...
在学习jQuery框架时,了解$(document).ready()函数的作用至关重要。这一函数是管理页面加载顺序和时机的核心部分,它确保了页面的DOM元素完全加载并可被脚本操作之后,才执行包裹在其中的代码。 ### 知识点:jQuery...
$(document).ready(function() { $('#mySketch').processing({ sketch: function(p) { // 这里写Processing.js的代码 } }); }); ``` 4. **添加交互性**:jQuery Processing Plugin.js允许你利用jQuery的强大...
jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法:$(“div p”); // (1)$(“div.container”); // ...
$(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: ...
$.ajax({ url: 'get_blogs.php', data: {page: page}, success: function(data) { // 更新页面内容 $('#blogList').html(data); } }); } }); }); ``` 在这个例子中,`onPageChange`函数会在用户切换页码时...
在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...
$(document).ready(function() { $('selector').linscroll(options); }); ``` 其中,`options`是一个包含插件设置的对象,根据插件的具体需求进行配置。 总结,"jquery-1.1.3.1.js"和"jquery.linscroll.js...
从给定的文件内容中,我们可以提炼出一些知识点,包括Jquery的$(document).ready()的替代方法、浏览器的DOMContentLoaded事件、以及兼容性处理。 首先,文件中提到的更快的方法实际上是指一种JavaScript的编码实践...
3. **异步加载**:如果你的页面使用了异步加载策略,比如延迟加载或按需加载,那么JQuery库可能在`$(document).ready()`执行前没有完全加载。 4. **语法错误**:检查`$(document).ready()`函数内的代码是否存在语法...
$(document).ready(function() { $("#myDiv").corner("5px solid #ccc"); // 设置圆角半径和边框颜色 }); ``` 除了基本的圆角设置,jQuery.corner.js 还可以处理复杂的边框效果,如梯形边框、斜角边框等。这为网页...