继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JQuery笔记(待补充)

慕仔4209126
关注TA
已关注
手记 304
粉丝 69
获赞 305


1、
$('p') 获取文档中所有段落
$('#eid') 获取文档中指定id的元素
$('.cname')获取文档中指定class的所有元素
2、
$('#eid > li').addClass('horizontal') 给id为eid下的所有li子元素(>)加上class
$('#eid li:not(.horizontal)').addClass('sub-level');所有class不为horizontal的li加上class后,
3、
两个比较实用的自定义选择符:odd和even 、contains
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
可通过$(document).ready(function() {
    $('tr:odd').addClass('odd');
    $('tr:even').addClass('even');
    $('td:contains("Henry")').addClass('highlight'); //给内容为Henry加样式
});给表格奇偶行添加样式(注意表格的第一行编号为0,即偶数)

$(document).ready(function() {
    $('tr:not([th]):odd').addClass('odd');
    $('tr:even').addClass('even');
    $('td:contains("Henry")').addClass('highlight'); //给内容为Henry加样式
});

$('td:contains("Henry")').siblings().addClass('highlight'); 给包含Henry的单元格的所有同辈元素添加样式
此外还有get、next、parent、find等方法
4、$(document).ready、onload and 浏览器加载完页面  顺序问题

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP