十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$('#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中所有奇数顺序的元素
mui怎么通过class类名修改内容
jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下:
$("#test").attr("class","blue");
$("#test").prop("class","blue");
document.getElementById("test").className = "blue";
实例演示如下:
1、HTML结构
style
.red{color:red !important;}
.blue{color:blue !important;}
/style
div id="test"我是示例DIV/div
input type="button" id="js" value="使用javascript方法修改类名为red"
input type="button" id="jq" value="使用jquery方法修改类名为blue"
2、jquery代码
$(function(){
$("#jq").click(function() {
$("#test").attr("class","blue");
});
});
window.onload = function(){
document.getElementById("js").onclick = function(){
document.getElementById("test").className = "red";
}
}
h5+项目 是用的原生的HTML5+的API做的。
mui项目是封装了原生的HTML5+的API的一个框架,方便开发者迅速开发应用。含mui.css(提供了很多页面样式)和mui.js(封装了原生HTML5+API)。
举个栗子。你在做web前端开发的时候,用原生的js就相当于这里的原生HTML5+,用jquery就相当于这里的mui。
因为mui处于更新的过程。所以很多原生的HTML5+的API没及时的封装。所以有时候还需要调用原生的API。而且现在版本更新的速度很快也很频繁,相信以后会更好。
1、mui.plusReady:对于 HTML5+应用的页面有一个很重要的 “plusready”事件,此事件会在页面加载后自动触发,表示所有 HTML5+ API 可以使用, 在此事件触发之前不能调用 HTML5+ API
2、mui.init:mui本身只是一个html5的前端框架而已,类似于react.js,jquery
mobile或者说像是bootstrap的针对手机简化版,本身不具备开发app的功能,适合wap开发,但其中包含了html5+的方法,如果不使用上述html5+
plus对象,而只需要mui框架包含的wap开发功能,则是使用mui.init之后即可调用。
无论做wap网页,还是app开发,只要需要用到mui框架,都需要mui.init初始化框架功能,而plusready仅仅在app开发中使用
3、关于mui plusReady的注意点:
mui.plusReady()中的代码不执行
可能1:你在浏览器下运行了html
可能2:
plusReady事件仅在webview首次创建时触发,使用mui.openWindow方法多次打开已存在的同样id的webview时,是不会重复触发plusReady事件的;
因此若业务写在plusReady事件中,可能会出现执行结果和预期不一致的情况;此时可通过自定义事件触发
mui 是一套专门为移动端开发而做的js框架,里面没有jquery, 如果要用,需要额外引用jquery。另外 如果两个插件同时使用,注意避免$符号的冲突