jq 页面元素操作

jq页面元素的基本操作

jq 将一个元素添加到一个元素的末尾

$(aim_obj).appendTo(ori_obj)
将 aim_obj 添加到 ori_obj的末尾

ori取值可以为：
标签名称，如 p，div
id：#id_name
class：.class_name

jq 元素解绑onclick事件

需求背景：
页面元素有点击事件：

<button id=''button' οnclick='return click_function()'>测试</button>

改方法执行完成之后需要移出这个点击事件

jq实现如下：

$(obj).removeAttr("onclick")

这个代码就可以移出这个点击事件

jq 删除页面的元素

需求背景：
用户点击删除按钮之后，需要删除一些元素
jq实现如下：

# 删除obj及其子元素
$(obj).remove()

# 删除obj下的子元素obj_child
$(obj).remove(obj_child)

# 清空obj下的元素
$(obj).empty()

jq 操作选中input文本框

需求背景：
用户手动添加了一个input的文本框，需要在用户添加之后就选中这个文本框

<div id="div_ceshi"><input type='checkbox' name='fruit' value='ceshi'></input></div>

jq实现：

$("#div_ceshi input[value='ceshi']").prop("checked",true)