jQuery

1.Jq选择器

 

复制代码
Id
  $(“#my”)  
  通过id获取元素
Class选择器
  $(".cla").css("color","red");
  对所有的类名为cla的元素设置样式
  $(".cla").eq(2).css("color","red");
  对类名为cla元素中的第3个设置样式
 .eq(n)  筛选    =n
  或者用$(".cla:eq(2)")
  .lt(n)   <n
  .gt(n)   >n
Js对象和jq对象的转换
  var  m = document.getElementById(“my”)
     m       是js对象
      $(m)      转为了jq对象
     $(“#my”)    是jq对象  
     $(“#my”)[0] 是js对象   
设置样式
  object.css(“color”,”red”)
  object.css({“color”:”red”,”font-size”:”18px”});
事件
  $("#dd").click(function() {
    //this 代表本身
    $(this).hide();//隐藏       show() 显示
  });
复制代码

 

2. 常用函数

 

复制代码
toggle()  显示隐藏切换
show()   显示
hide()   隐藏
html()     获取元素的内容  加参数是设置
val()   获取value属性值,加参数是设置
text()  获取元素的文本,加参数是设置
addClass(class名)  给元素添加一个类
removeClass(class名)  给元素移除一个类
hasClass(class名)  判断元素是否包含某个类
index()  获取当前索引
attr(属性名【,属性值】)  获取或设置指定的属性  能获取官方的和自定义的属性
prop(属性名【,属性值】)  获取或设置指定的属性  只能获取官方的属性
$("#my").toggleClass("cla");//如果有cla这个类,就移除,没有就添加
复制代码

 

3.效果

复制代码
$("#big").animate(
  {"margin-top": "-76px"},1000,,function(){}
) 
动画
  object.delay(
1000) 延迟   clone() 克隆一个副本   object.offset().top 获取元素的垂直位置   object.offset().left 获取元素的水平位置   object.remove() 删除元素
复制代码

 

posted @   changlinlo  阅读(229)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示