jq -- HTML

原创

wx60d4764eb475e 2021-06-30 10:11:56 ©著作权

文章标签 Web开发 文章分类 Html/CSS 前端开发

©著作权归作者所有：来自51CTO博客作者wx60d4764eb475e的原创作品，请联系作者获取转载授权，否则将追究法律责任

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'));