JQ第二天

89 阅读1分钟

JQ第二天

  • 效果
  1.  自定义动画:animate
     	第一个参数:对象,样式效果
     	一般配回调函数:动画执行结束后的处理
     	如果有效果是固定效果达不到:用自定义动画
    
  2.  动画队列
     	jq默认是动画排队:一定要执行完(前面结束后面才会执行)
     	清空队列:stop()
     		先stop() 后新效果
    
  • 属性
  1.  固有属性:prop()
     	优先使用
     	只能操作固有属性
     	控制属性:只能prop()实现
     		checked
     		disabled
     		selected
    
  2.  自定义属性:attr()
     	操作所有属性:主要用来操作自定义属性
    
  3.  数据缓存:data()
     	针对:data-自定义属性
     	设置内容不会添加到结构中(用户看不到)
     文本属性
    
  4.  	有实参是修改,没有参数是获取
     	html()
     		innerHTML
     	text()
     		innerText
     	val()
     		表单元素.value
    
  • 元素操作
  1.  遍历:each
     	jq对象遍历:jq对象.each(回调函数(两个形参))
     	普通对象遍历:$.each(普通对象,回调函数(两个形参))
    
  2.  创建元素
     	$('标签,带尖括号<>')
     	内存有效
     添加元素
     	内部添加(父子)
     		append()
     		prepend()
     	外部添加(兄弟)
     		before()
     		after()
     清除元素
     	删除元素:remove()
     	清空内容:empty()
     		html(‘’)
    
  • on注册事件 jq对象.on('事件类型',回调函数)