首页 > 代码库 > 使用jQuery快速高效制作网页交互特效(3)
使用jQuery快速高效制作网页交互特效(3)
引入jquery时 不允许在 引入的这行script标签中完成代码的编写 必须另起一行,再写一个script标签完成程序
window.onload事件触发在jquery加载完毕触发之后
window.onload 在当前页面有且仅能存在1个
$(document).ready(function()//在页面加载完毕时 触发
{
alert("hello jquery!");
});
DOM对象是靠 javascript形式获取的元素(节点)信息 所能用的只有javascript中的方法
Jquery对象是靠jquery的形式获取的元素(节点)信息 所能使用的只有jquery中的方法
两者不可以混用
addClass 给选中的元素 赋予class属性
next() 紧邻目标元素的下一个元素
如果想给一个元素赋予多个样式 采用css方法时 注意css({"样式属性1":"取值","样式属性2":"取值"............})
$(function()
{
//var javascriptNode = document.getElementById("xiaojingteng")
//javascriptNode.style.color="pink";//javascript形式
//转换函数
//javascript对象 -->jquery对象
//var jqueryNode = $(javascriptNode);
//jqueryNode.css("color","pink");
//--------------------------------------------
var jqueryNode = $("#xiaojingteng");
//jquery对象 -->javascript对象
var javascriptNode = jqueryNode[0];
javascriptNode.style.color = "red";
//---------------------------------------------
//转换函数这块 一般不常用
})
//如果你采用挂事件的方式 注意 不能够写到$(function(){})函数中
function show(obj)
{
alert($(obj).val()); //$(this) 会在后续内容有详细讲解 jquery循环这块
}
使用jQuery快速高效制作网页交互特效(3)