jq -- HTML

来源:互联网 发布:淘宝 电费交不了了 编辑:程序博客网 时间:2024/05/18 00:00

jquery捕获:

获得标签的文本内容,text(),所有的文本,也只有文本内容;

获取标签的内容,html(),所有的内容,包括文本,包括子标签;

获取表单元素的内容  val();

获取属性的值   比如想得到a标签的href,直接写$(‘a’).attr(‘href’);


jQuery设置:

设置单一属性的时候     $(‘a’.attr(‘href’,’http://www.lanou3g.com’))    注意属性和值之间是逗号隔开的

属性的的时候设置多个的写法:$(‘#a’).attr({'href':'http://www.baidu.com','title':'百度一下你就知道'});

回调的写法  :$('#p1').text(function(i,ot){return 'old:'+ot+' new:这是新的内容'+(i);})   需要注意,回调的方法两个参数,第一个:当前元素的下标,给个i就行了,第二是:当前要修改的内容,要修改成什么内容以返回值的形式出现    //i就是元素下标,old就是元素中的文本

jQuery添加元素:

内部插入(插入的是子元素) append() 在被选中的元素结尾添加元素 prepend() 在被选中的元素的开头插入内容;

外部插入(插入的是同级元素)


$('#box').append($('<span>我是一个span</span>'));
$('#box').prepend($('<span>我是一个span</span>'));


//before和after都是添加同级元素
//before在被添加的前面(紧挨着)
//after在后面加(紧挨着)
$('#box').before($('<div>我使用before添加进来的</div>'));
$('#box').after($('<div>我使用after添加进来的</div>'));

//仅仅是写法不一样(添加的和被添加的放的位置)
$('<div>我使用before添加进来的</div>').insertBefore($('#box'));
$('<div>我使用after添加进来的</div>').insertAfter($('#box'));

jQuery删除元素;

remove() 全部删除,包括自身;

empty() 删除其所有子元素;

引用场景:删除ul下的某一个li $('#ul li').last().remove(); $('#ul li').eq(2).remove();


jQuery替换元素:$(‘<div>育知同创</div>’).replaceAll(‘p’);

jQuery克隆元素: clone() 参数是一个JQ对象 clone($(‘.div1’));

find()





0 0
原创粉丝点击