jQuery prev ~兄弟选择器使用介绍

1、前一兄弟姐妹：匹配上一个元素之后的所有同科元素2 、(1)prev:任何有效选择器(2)兄弟姐妹：一个选择器，并且它作为第一个选择器的同辈3、示例(1)源码siblings.html复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312'/titleprev ~兄弟选择器/title脚本类型=' text/JAVAScript ' src=' http : jquery-2。0 .3 .js /脚本样式类型=' text/CSS '正文{ width :100%；高度：100%;font-size :18 pxcolor : # 00ff 00 }/样式脚本类型=' text/JavaScript ' $(function(){//匹配所有元素$('*').css(“”背景色，' # FFE 4e 1 ')；//上一个~兄弟选择器运用$("标签~输入")。css('font-size '，' 30px ')；//点击事件，prev ~兄弟姐妹选择器运用$('#pwd ').单击（函数(){ alert('我被选中!');});});/脚本/头体表单id='form_body '标签类='用户名'用户名：/标签输入类型=' text ' id=' username ' name=' username '/label class=' password '密码：/标签输入类型=' password ' id=' password ' name=' password '/输入类型=' button ' id=' log in ' name=' log in ' value='登录/input type=' reset ' id=' reset ' name=' reset ' value='重置/input type=' checkbox ' id=' pwd ' name=' pwd '/记住密码/表单/正文/html (2)显示结果如下