Jquery
Posted lgyong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery相关的知识，希望对你有一定的参考价值。
1.选择器
| $(‘#id‘) | $(‘li:eq(1)‘) |
| $(‘.class‘) | $(‘#box li:first‘) |
| $(‘tag‘) | $(‘#box li:last‘) |
关系
| $(‘.class‘).siblings() | $(‘.class‘).find() |
| $(‘.class‘).children() | $(‘.class‘).parent() |
| $(‘.class‘).next() | $(‘.class‘).nextAll() |
| $(‘.class‘).prev() | $(‘.class‘).prevAll() |
2.DOM对象转换
3.样式
$(‘li‘).addClass(class|fn)
$(‘p‘).removeClass(class|fn)
$(‘div‘).toggleClass(class) //类开关
$(‘p‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘16px‘)
4.属性
$(‘li‘).attr(‘title‘)
$(‘li‘).attr(‘title‘, ‘value‘)
$(‘li‘).attr({src:‘test.jpg‘, alt:‘TestImage‘});
$(‘li‘).attr(‘title‘, function (index, attr){
this.title = ‘attribute‘ + index;
})
5.内容
$(‘select‘).html()
$(‘.select‘).text()
$(‘.delete‘).remove()
$(".delete").empty()
$(‘.cla‘).append("<b>追加</b>")
$(‘.cla‘).prepend("<b>追加</b>")
$("p").after("<b>Hello</b>")
$("p").before("<b>Hello</b>")
二、事件
click() onclick()
mouseover() onmouseover()
mouseout() onmouseout()
bind()
on()
trigger()
val()
prop()
show()
hide()
animate()
shop()
toggle()
slidToggle()
fadeTo()
fadeToggle()
以上是关于Jquery的主要内容，如果未能解决你的问题，请参考以下文章