jQuery基础

为id是one的标签添加样式
$(".one").css(“color”,“red”);
为标签是名称是two的标签添加样式
$("#two").css(“font-size”,“30px”);
为a超链接添加粗
$(“a”).css(“font-weight”,bold);*/

jq转换为js
$(".one").get(0).innerHTML="hello";
$("#two")[0].innerHTML="world";

js转换为jq
var three=document.getElementById('three');
$(three).text("啦啦啦");
$(three).html("啦啦啦");

给标签里面的字体加上颜色
$(".one").css("color","#0f0");
可以给标签里面的字体多加属性、颜色、大小
$("#two").css({"color":"#f00","font-size":"30px"});
并集关系可以让多个标签共同实现添加样式
$(".one,#three").css("font-family","楷体");
$("p").css("color","#f00");
$("p").css({"color":"00f","font-size","10px"});


后代形式并添加样式
$("#one p").css("color","red");
子代形式并添加样式
$("#one>p").css("color","red");
紧邻之后的一个并添加样式
$("#two+p").css("color","red");
通用之后的所有并添加样式
$("#two~p").css("color","red");

//$(function(){
// $(“a”).css(“color”,"#f00");//得到标签
//});

});

$(function(){
// $("#one").get(0).innerHTML=“qwer”;//类型转换jq类型转换为js
// $("#one")[0].innerHTML=“hello”;
// $("#one").css({“color”:“red”,“font-size”:“50px”});//给one里面的值副属性
// $("#one").css({“font-size”:“20px”,“color”:"#0f0"});

//one的所有后代("#one p")
// $("#one p").css(“color”,"#00f");
//one的所有子代("#one》p")
// $("#one>p").css(“color”,“red”);
//通用之后("#one~p")
// $("#one~p").css(“color”,"#0f0");
//相邻的("#one+p")
// $("#one+p").css(“color”,"#000");