Jquery
- jQuery准备方法
一般link引用的css是放在head里,而js一般是放在body的最底端.
引入的jQuery一定要放在自己的js之前,是为了完成加载的jQuery在加载我们的js,也可以在js里写语法避免这样的冲突jq未加载.
$(document).ready(function(){
开始写js
});
或
$(function(){
});
-
jQuery选择器
回忆js选择器/获得元素后.innerHTML 是获得值 alert(document.getElementId("XX").innerHTML);
然而jquery是在ready中写比如$("#a")就拿到了id = a的元素.这里拿到值不用innerHTML直接html()就可以了
而class就直接$(".c:eq(0)").html()就获得了class=c的第一个元素的值
比如获取div就直接$("div:eq(2)").html()获得div标签第三个值
获取复杂标签
$("div#a p:eq(0)").html()div标签id为a的第一个p标签的值
比如多个div下面多个p多个span
$("#a p:eq(0) span:eq(0)").html(); -
hover事件
也就是鼠标停留事件.用找到元素然后mouseenter(调用函数)
也就是鼠标离开事件.用找到元素然后mouseleave(调用函数)
还有就是hover但需要传递两个参数,两个参数都是function.第一个是指上去触发.第二个是离开时触发
$(#luo).hover(function(){
$(this).html("123"); //luo这个元素的值改成123
}) -
submit提交事件
form表单的action = 目的地址
可触发submit提交按钮时,判断input 的text的值
这里获得按钮然后执行submit(function(){
})
括号里的函数执行返回一个bool值判断是否执行submit,这里用.val()获得值 -
触发事件
比如submit是一个事件,用代码的办法触发一个事件
然后可以点击触发函数,继而找到元素按钮触发submit事件就不用写参数了,直接submit()就可以完成触发事件 -
隐藏和显示的效果
hide()隐藏show()显示 -
使用toggle显示和隐藏
toggle()如果是显示的状态就会隐藏,如果是隐藏的状态就会显示 -
给显示和隐藏增加回调函数和执行时间
给这个函数hide(3000)需要三秒隐藏,如果需要调用一个操作可以第二个参数传一个方法. -
淡入淡出,隐藏显示
fadein()和fadeout() 也可以fadeToggle看情况变 -
滑入滑出的隐藏和显示,toggle看情况滑
slidedown和slideup或者是slidetoggle -
动画效果animate
比如找到这个颜色块.animate("left": "200px","top":"300px")
变化到括号里的样式
如果修改为增加可以+=200px -
修改动画时间
animate({修改的属性},"slow")就可以慢一点也可以改成4000就动画为四秒钟 -
修改字体大小
fontSize: