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:

posted @ 2024-01-04 01:52  launch  阅读(2)  评论(0编辑  收藏  举报