H5-JQ常用方法

JQ常用方法

JQ常用操作

$().find 指定元素 
$().siblings 所有同级元素
$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");//返回class为mui-content的父节点
$("#test1").children(); // 全部子节点
$("#test1").children("#test1"); //返回id为test1的子节点
$("#test1").contents(); // 返回id为test里面的所有内容，包括节点和文本
$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本
$("#test1").prev();  // 上一个兄弟节点$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2"); //返回id为test2的兄弟节点
$("#test").find("#test1"); 选中id为test后代中 id为test1的节点

将匹配元素集缩减到指定 index 上的一个。

$().eq()

find动态获取 返回被选元素的后代元素。后代是子、孙、曾孙，依此类推

$().find()

链式编程，多次find()加上end() parent() ,eq()等也支持

$("#iframeNcoV").contents().find("input[type=radio]").find("[data-myid="+1314+"]").val()

html

html() 是获取选中标签元素中所有的内容
设置值：设置该元素的所有内容 会替换掉 标签中原来的内容
$('#box').html('[百度一下](https://www.baidu.com)');

text

设置值：设置该所有的文本内容
$('#box').text('[百度一下](https://www.baidu.com)');
注意：值为标签的时候 不会被渲染为标签元素 只会被当做值渲染到浏览器中

val

val()用于表单控件中获取值，比如
input textarea select password checkbox radio button submit
设置值：
$('input').val('设置了表单控件中的值')；

操作内容

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

操作样式

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

操作元素

append() - 在被选元素的结尾插入内容（下级）
prepend() - 在被选元素的开头插入内容（下级）
after() - 在被选元素之后插入内容(同级)
before() - 在被选元素之前插入内容(同级)
remove() - 删除被选元素（及其子元素）