分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

Jquery

发布时间:2023-09-06 01:49责任编辑:苏小强关键词:暂无标签

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved