jQuery（二）

jQuer设置文本和获取文本的方法
获取文本

$(function(){
	//获取这个div的文本
	//var text=$(".div1").text();
	//console.log(text);
	
	//获取全部的文本
	$("#getBtn").click(function(){
		console.log($("div").text());
	})
})

设置文本
只需要给text(参数) 加了参数后 就是给元素设置文本
会覆盖元素原本的文本 包括子元素
如果新设置的文本中包括的了标签 不会解析标签 而是当成文本内容解析

$("setBtn").click(function(){
	//我要给box这个盒子设置文本
		$("#box").text("<a>我是新设置的text</a>")//不会解析标签 
})

jQuery获取和设置CSS的方法
  css()用来获取或者设置样式的方法

$("#getBtn").click(function(){
		//获取div1的样式
		console.log($(".div1").css("width"));
		console.log($(".div1").css("height"));
		console.log($(".div1").css("background-color"));
		console.log($(".div1").css("border"));
	})
			

使用css方法设置单样式

$("#setBtn").click(function(){
		//设置div1这个盒子的样式
		$(".div1").css("width","300px");
		$(".div1").css("height","300px")
		$(".div1").css("border","5px solid black")
		$(".div1").css("background-color","red")
	})

使用css方法设置多样式

$(".div1").css({
		width:"300px",
		"height":300,
		//background-color:"red";
		//如果属性名不用引号引起来  那么就一定要换成驼峰命名法
		backgroundColor:"green",
		border:"1px solid blue"
	})

jQuery中的基础选择器
id选择器  $("#id名")
类选择器    $(“类名”)
标签选择器   $(“标签名”)
交集选择器   $(“div.two”) 要选择元素是div 而且 类名要是two
并集选择器   $(".one,.two") 这个只要是有类名为one或者two就都可以

子代选择器
  $(“父元素>子元素”)

后代选择器
  $(“父元素 后代元素”)