码迷,mamicode.com
首页 > Web开发 > 详细

Jquery

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

标签:toggle   att   hid   use   before   span   col   FN   test   

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

标签:toggle   att   hid   use   before   span   col   FN   test   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!