jQuery(选择器，动画，对属性的操作)

jquery入口函数

	<script src="jquery.min.js">
		$(function(){
			$("")...		})
	</script>

jquery的选择器

• 基本选择器
  • $("#id名") 通过标签的id进行选择
  • $(".class名") 通过标签的类名进行选择
  • $(“标签名”) 通过标签名进行选择
    返回的是一个jquery对象
    $("")[0] 这样返回的是一个js对象
• 属性选择器
  $(“input[type=text]”)
• 筛选选择器
  • .eq() 例如选择ul下的li标签
  • .siblings() 除当前选中之外的其它的兄弟元素
  • .first()
  • .last()
  • .find() 查找后代
  • .children() 查找子代
  • .parent() 查找父亲元素

js和jquery对象的转换

• js->jq
  $(jsDOM对象)
• jq->js
  $(’’)[0]

动画

• animate（动画队列,时间，回调函数）自定义动画
• .hidden() 隐藏
• .show() 显示
• .slideDown() 下拉
• .slideUp() 上拉
• .slideToggle() 上/下拉开关
• .toggle() 上下拉
• .stop() 取消动画
• fadeIn() 淡入
• fadeOut() 淡出
  在每个方法中添加时间，可以设置动画的展现的速度快慢

对css属性的操作

• .css()
  • $("").css(“color”) 假如里面只有一个参数，表示获取标签的样式的值
  • $("").css(“color”,“red”) 假如是两个参数，表示设置单个css属性的值
  • $("").css({
    backgroundColor:‘red’,
    color:‘green’,
    …
    }) 假如是一个对象，表示设置多个css属性的值

对标签属性的操作

• attr()
  • $("").attr(“type”) 表示获取标签的单个属性的值
  • $("").attr(“type”,“text”) 表示设置标签单个属性的值
  • $("").attr({
    type:’’,
    name:’’,
    …
    }) 表示设置标签多个属性的值
• removeAttr()
  • $("").removeAttr(“name”) 移除一个属性
  • $("").removeAttr(“type name class”) 移除多个属性

对值的操作

• text()
  • $("").text(“设置的内容”)
  • $("").text() 获取标签的内容
• html()
  • $("").html()获取标签中的标签及内容
  • $("").html(设置的html标签及内容)
• val()
  • $("").val()获取标签的值，一般都是form表单中的标签
  • $("").val(“设置的内容”) 设置标签的值
    清空值 text(’’) html(’’) val(’’)

对标签对象属性的操作

• prop()
• removeProp()
  单选框的应用，checked属性的获取，判断是true 还是 false

对类名的操作

• addClass()
  • $("").addClass(“active”) 添加一个class
  • $("").addClass(“active hidden …”) 添加多个class
• removeClass
  • $("").removeClass(“active”) 移除一个class
  • $("").removeClass(“active hidden …”) 移除多个class
• toggleClass()