首页 > Web开发 > 详细

Jquery

时间:2018-04-12 23:12:14      阅读:224      评论:0      收藏:0      [点我收藏+]

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

原文:https://www.cnblogs.com/lgyong/p/8810984.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!