8月26号

jquery是js中的dom操作的简化。想用jquery必须先引入，先css在js：先框架css再自己css先jquery再框架在自己。页面加载完成后执行相当于window.onload=function(){}他就相当于$(function(){})。同理var s1=$("#p1").html();他就相当于var s1=document.getElementByID("P1").innerHTML。

获取class是p2的元素节点的文本内容var s2=$(".p2").eq(1).html();

获取元素名是div元素节点的内容var s3=$("div").eq(0).html();

获取属性有href的元素节点的文本内容var s4=$("[href]").eq(1).html();

更为具体的方法是var s5=$("[href='http:www.qq.con']").html();

获取第一个p元素的文本节点内容var s7=$("p:first").html();

获取div下的第一个p元素 var s7=$("#d2 p:first-child").html();

设置id是d1的div的文本内容$("#d1").html("修改的内容")；

获取id是a1元素的title属性，并修改。

var s2=$("#a1").prop("title");$("#a1").prop("title","要修改的内容")

给id是a2的元素设置多个属性值$("#a2").attr({
"title":"修改的内容",

"target":"-blank",

"href":"https://www.qq.com"

});

获取input元素的value值并修改

var s3=$("input").val();

$("input").val("要修改的内容")

其中prop与attr可以互换使用。

可以通过jp获取css的样式。如获取id是d1的元素节点的background的样式值，在设置id是d2的元素节点的样式。

var s1=$("#d1").css("width");修改$("#d2").css({
"width":"200px",

"height":"200px",

"background":"blue",

"display":"none"

});

js对象与jq对象可以相互转换。js对象转换为jq对象。var pp=document.getElementByID("p1");console.log($(pp).html());

将jq对象转换为js对象。var pp2=$("p1")[0];  console.log(pp2.innerHTML);

同时jq也可以与事件相结合。

如$("#d1").monseover(function(){

$(this).css("background","green");

$("#d2").css("display","block");

});

$("#d1").mouseout(function(){

$("#d2").css("display","none");

$(this).css("background","red");

})

引入格式先引入css文件，在引入jq文件，在引入bookstrap.js文件，最后引入自己的js文件。