// 1. $() ---> jQuery对象
// 2. 如何拿到对应的标签
console.log($('p'));
// 3. 查看拿到的标签中的属性值
console.log($('.word').attr('class'));
// 4. 改变拿到的标签中的属性值 两种写法
$('img').attr('src', 'image/img_02.jpg');
$('img').attr({'src':'image/img_02.jpg'});
// 5. 如何查看标签内容
console.log($('p').text());
console.log($('p').html());
// 6. 改变
$('p').text('我是MT');
7. 事件
// 7.1 显示
$('button').eq(0).on('click', function () {
$('p').show();
$('img').show();
});;
// 7.2 隐藏
$('button').eq(1).on('click', function () {
$('p').hide();
$('img').hide();
});
// 7.3 切换
$('button').eq(2).on('click', function () {
$('p').toggle(2000);
$('img').toggle(2000);
});
// 8.遍历
var datas = [10,32,2323,4,4];
$.each(datas,function (index , value) {
console.log(index,value);
});
// 9.取出对应下标
console.log($.inArray(32,datas));
// 10写css
$('.word').css({
background:'red',
border:'3px solid green',
});
jQuery基本语法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 小学语文修改病句的方法 修改病句是小学语文考试中常见的题型，在修改病句之前，我们应该清晰的了解有哪些病句现象，下面...
- 三天基本学会Java，挑战不可能 Java以其简易性而闻名于世 , 然而市场上大量几百页的厚重书籍会打消初学者的兴...
