使用jQuery快速高效制作网页交互特效

Posted 2020-09-07 凌雨轩林

引入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循环这块
}