mui框架如何加载2个子页面

把bottom的高度改一下，例如你底部固定为30px

subpages:

[{

id:

'child_list',

url:

'child_lis.html',

styles:

{

top:

'40px',

bottom:

30px,

bounce:

'vertical'}

}]

1、查找子元素方式1：>

例如：var aNods = $("ul >a")查找ul下的所有a标签

2、查找子元素方式2：children()

3、查找子元素方式3：find()

通过下标获取第n个子标签的ID值

1.var num1=$("ul >a:eq(0)").attr("ID")

2.var num2=$("ul").children("a:eq(0)").attr("ID")

3.var num3=$("ul").find("a:eq(0)").attr("ID")

$('#id').siblings() 当前元素所有的兄弟节点

$('#id').prev() 当前元素前一个兄弟节点

$('#id').prevaAll() 当前元素之前所有的兄弟节点

$('#id').next() 当前元素之后第一个兄弟节点

$('#id').nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

扩展资料

1、jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1").parent()// 父节点

$("#test1").parents()// 全部父节点

$("#test1").parents(".mui-content")

$("#test").children()// 全部子节点

$("#test").children("#test1")

$("#test").contents()// 返回#test里面的所有内容，包括节点和文本

$("#test").contents("#test1")

$("#test1").prev()  // 上一个兄弟节点

$("#test1").prevAll()// 之前所有兄弟节点

$("#test1").next()// 下一个兄弟节点

$("#test1").nextAll()// 之后所有兄弟节点

$("#test1").siblings()// 所有兄弟节点

$("#test1").siblings("#test2")

$("#test").find("#test1")

2、元素筛选

// 以下方法都返回一个新的jQuery对象，他们包含筛选到的元素

$("ul li").eq(1)// 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)

$("ul li").first()// 选取ul li中匹配的第一个元素

$("ul li").last()// 选取ul li中匹配的最后一个元素

$("ul li").slice(1, 4)// 选取第2 ~ 4个元素

$("ul li").filter(":even")// 选取ul li中所有奇数顺序的元素

---