Jquery基础

jQuery 是一个 JavaScript 库, 极大地简化了 JavaScript 编程。(找元素操作元素)

找元素

  $(选择器)

操作内容

非表单:Jqobj.html()        Jqobj.html(“123”) 赋值

表单:jqobj.val()         jqobj.val(“123”)

操作属性

 jqobj.attr(“class”,”add”);一个参数是获取,两个参数是设置

Jqobj.attr({‘class’:’add’,’id’:’id’})

操作样式

 jsobj.css()

操作事件

 jqobj.click(fuction(){})

添加删除元素

  jqobj.removeattr()

 jqobj.addclass(“add”)

页面加载完成 

方式1$(document).ready(function(){

 

})

方式2$(function(){

 

})

 

jq效果的实现方法:

  1.基本

  show(time) -> 显示;相当于display:block

  hide(time) -> 隐藏;相当于display:none

  toggle(time) ->循环显示和隐藏;obj.toggle(time)

  2.滑动

  slideDown(time) -> 滑下显示;

  slideUp(time) -> 滑上隐藏;

  slideToggle(time) -> 循环滑上滑下隐藏显示;

  3.淡入淡出

  fadeIn(time,opa) -> 淡入;

  fadeOut(time,opa) -> 淡出;

  fadeTo(time,opa) -> 变到某个透明度;

  4.自定义

  animate({json样式},timen,fn) -> 动画效果的实现,fn可选参数动画效果执行完毕后执行的函数

  stop(){} -> 立即停止动画效果

原文地址:https://www.cnblogs.com/-dashu/p/9233569.html