jQuery的再见面

选择器$和css用法一致,

$("div")//html标签选择
$(".div1")//class类选择
$("#div1")//id选择器
$("*")//通配符选择器
$(".div1 .p1")//后代选择器
$(".div1>.p1")//子代选择器
$("html,body")//双选择器

关于css的选择或者设置
js的等级是最高的

.css("color","red")
.css({"color":"red","background":"red"})

animate函数
运动函数

.animate({"属性":"值"},时间,运动函数,回调函数)
$(document).scroll(function(){
                var y = $(document).scrollTop()
                if(y>600){
                    $("div").show()
                }else{
                    $("div").hide()
                }
            })
            $("div").click(function(){
                $("html,body").animate({"scrollTop":0})
            })

还有很多插件可以用

position()

获取匹配元素相对父元素的偏移。

返回的对象包含两个整型属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,200评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,625评论 24 450
  • 凌晨一点半,睡了一觉醒就睡不着了。旁边的老公睡的正香,肚子里的宝宝也在安稳地睡着,突然自己想写点什么。 毕业已经有...
    青声细语阅读 258评论 0 0
  • 开发程序时,为了使窗体美观大方,可以通过“格式”菜单来布局窗体上的控件,例如,可以设置3个Button控件之间的水...
    func_老衲姓罗阅读 755评论 0 2