jquery添加子元素为第一个元素 jquery添加子标签

1.在父标签内创建子标签，新创建的子标签放在父标签最下面

$(parent).append(son)、$(son).appendTo(parent)

hello div

点我

function myClick() {
//$('.d').append('
hello p
'); 直接一步创建子标签和子标签的内容 
 
var $ele=$('
'); //等号左边为jQuery创建变量，右边为创建标签p，$('
')
$ele.html('hello p'); //给新创建的标签设置html内容
$('.d').append($ele); //使用append添加，父标签在前，子标签在后
//$ele.appendTo('.d') 使用appendTo添加，子标签在前，父标签在后
}

点击按钮会在div中的h3标签下面生成一个段落，段落内容为p标签内的文本

2.在父标签内创建子标签，新创建的子标签放在父标签最上面

$(parent).prepend(son)、$(son).prependTo(parent)

hello div

点我

function myClick() {
//$('.d').prepend('
hello p
'); 
 
var $ele=$('
');
$ele.html('hello p');
$('.d').prepend($ele);
//$ele.appendTo('.d')
}

点击按钮会在div中的h3标签上面生成一个段落，段落内容为p标签内的文本

3.创建兄弟标签，新创建的标签放在指定标签下面

$(brother).after(newbrother)、$(newbrother).insertAfter(brother)

hello div

点我

function myClick() {
//$('.d').after('
hello p
'); 
 
var $ele=$('
');
$ele.html('hello p');
$('.d').after($ele);
//$ele.insertAfter('.d')
}

4.创建兄弟标签，新创建的标签放在指定标签上面

$(brother).before(newbrother)、$(newbrother).insertBefore(brother)

hello div

点我

function myClick() {
//$('.d').before('
hello p
'); 
 
var $ele=$('
');
$ele.html('hello p');
$('.d').before($ele);
//$ele.insertBefore('.d')
}

5.用新创建标签替换原有标签

$(old).replaceWith(new)

hello div

点我

function myClick() {
var $ele=$('
');
$ele.html('hello p');
$('.d').replaceWith($ele);
}

6.删除和清空标签

$('.d').empty()：清空选择标签的文本和下属标签，但是该标签本身还存在

$('.d').remove()：直接删除本标签及所有文本和下属标签

hello

hello div

点我

function myClick() {
var $ele=$('
');
$ele.html('hello p');
$('.d').empty();//清空div标签下的文本和和h3标签，但div标签还存在
//$('.d').remove();删除div标签及所有下属内容
}

7.复制标签

$('.d').clone()
 
 
+
-
    
 
 
function add(self) {
var $ele=$(self).parent().clone();
$(self).parent().after($ele);
}
function del(self) {
$(self).parent().remove();
}

最开始只有一行，点击加号按钮则增加一行，点击减号按钮则删除一行。

在使用复制功能时，绑定的事件一定要通过this指定当前标签，因为随着克隆标签的进行，原本的标签数量会变多

hello p
click me
function add() {
var $ele=$('p').clone();
$('p').after($ele)
}

最开始，按钮点击一次、两次的效果，而点击三次则会出现42个段落。

而修改成如下代码，则每次点击按钮只会增加一行。

hello p
click me
function add(self) {
var $ele=$(self).prev().clone();
$(self).prev().after($ele)
}

数据库的SQL基本用法 创建 删除 查询 修改

1.说明:创建数据库CREATE DATABASE database-name 2.说明:删除数据库drop database dbname 3.说明:备份sql server--- 创建 备份数据的 ...

jquery修改a标签的href链接和文字

可以先体验一下效果:http://keleyi.com/keleyi/phtml/jquery/2.htm 以下修改a标签的href链接和修改文字的代码: