html+jquery代码编纂器：Dreamweaver CS5方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery怎么获取当前元素的兄弟元素 。
文章插图
2在test.html文件内 ， 引入jquery.min.js库文件 ， 当作功加载该文件 ， 才能利用jquery中的方式 。
文章插图
3在test.html文件内 ， 在p标签内 ， 利用span标签建立多行文字 ， 例如 ， 这里建立四行文字 。
文章插图
4在test.html文件内 ， 编写标签 ， 页面的js逻辑代码将写在该标签内 。
文章插图
5在js标签中 ， 经由过程获得span对象 ， 给每一个span元素绑定click事务 ， 当span元素被点击时 ， 执行function()方式 。
文章插图
6在function()方式内 ， 经由过程$(this)获适当前点击的span对象 ， 利用siblings()方式获得它的兄弟对象 ， 为了显示结果 ， 这里利用css()方式将这些兄弟元素的文字颜色改为蓝色 。
文章插图
7【jquery怎么获取当前元素的兄弟元素】在浏览器打开test.html文件 ， 点击文字 ， 查看实现的结果 。
文章插图
文章插图
以上内容就是jquery怎么获取当前元素的兄弟元素的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 支付宝appid怎么查
- 分享百度脑图文档时分享密码怎么设置
- 800米应该怎么跑？男女生跑800米技巧
- 孕期经常出现失眠的情况怎么办？
- 手表链子怎么拆教程
- 爬藤蔷薇怎么种
- 怎么才能画好动漫人物
- 奔跑中的狼怎么画
- 高级赛罗奥特曼怎么画
- 怎么画花花姑娘？