jQuery针对各类元素操作基础教程(3)

包裹元素:

$('a.someclassname').wrap("<div></div>")
$('a.someclassname').wrap($("div:first")[0])
$('a.someclassname').wrapAll()
$('a.someclassname').wrapInner()
$('a.someclassname').unWrap()

删除元素:

$('.classname').remove()删除元素,绑定到元素上的事件和数据也会被删除
$('.classname').detach()删除元素,但保留事件和数据
$('.classname').empty()不删除元素,但清空元素内容

复制元素:

$('img').clone().appendTo('p.someclassname')

$('ul').clone().insertBefore('#id')

替换元素:

$('img[alt]').each(function(){ $(this).replaceWith('<span>' + $(this).attr('alt') + '</span>'); }) $("p").replaceAll("<b></b>")

关于表单元素的值:

$('[name="radioGroup"]:checked').val()获取单选按钮的值,如果没有选中一个,返回undefined var checkboxValues = $('[name="checkboxGroup"]:checked').map(function(){ return $(this).val(); }).toArray(); //获取多选框的值

对于<select multiple="multiple">使用$('#list').val()返回值的数组
$('input').val(['one','two','three'])如果单选框或复选框与数组中的元素匹配,则选中状态

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgssjz.html