jquery增删改查

前言

说是增删改查

实际上查没有什么意义

可能使用jquery选择器去调用DOM元素也算是一种查

使用jquery改元素

$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("hello world");
});

上面相当于三次去操作了DOM元素

第一次是将#text1这个类中的数值设置为了Hello world!

第二次是加入了HTML元素，展现离大幅提高

第三次则是将input中输入框中添加了值

使用jquery增元素

以下都是可以添加html元素的

$("p").append("追加文本");

在P元素内部追加了文字

$("p").prepend("在开头追加文本");

在P元素内部最前方添加了文字

$("img").after("在后面添加文本");

在img元素外后面加入文字

$("img").before("在前面添加文本");

在img元素前面加入文字

使用jquery删除元素

$("#div1").remove();

此代码会删除包括#div1在内的所有元素

$("#div1").empty();

此代码会清空#div1内的所有元素，当然#div1的外壳还在。