首页 > 代码库 > 使用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)