zoukankan      html  css  js  c++  java
  • jquery_认识jquery好处、选择器、小案例

    1、学习jquery

             

        

        a、什么是框架库

        

        b、为什么要学习jquery

        

          

        c、jquery中的顶级对象

          

         d、页面的加载事件

          DOM中的加载事件(只有window、body、img可以绑定onload事件)

          jquery中的加载事件

          

         e、jquery对象和dom对象为什么要互转?

          

          2者如何互转如下

          dom事件和jquery事件中的this默认都是dom对象

          

            $(xx)[0]  --取出了集合中的第一个div,是dom对象

        

        f、案例

        

        

    2、jquery选择器---会css选择器选取元素设置样式,就会用jquery选择器选取元素。

      

      jquery里面的隐式迭代(循环)功能很强大,不需要像dom操作那样自己去写循环设置样式或事件

        

      

      

      

       选择器案例练习------用jquery做特效时其实就是在面向过程编程---触发事件、事件的处理、一步步来实现

        案例一:

           

       

        案例二:

      

       

         案例三:好友面板

       

        先看网页结构---结构布局好了,写代码更容易

        

        要处理的事件

        1、默认ul全部隐藏,给每个li绑定点击事件

        2、点击之后当前li里面的ul显示,当前li的兄弟元素下面的ul都隐藏

        

        

        案例四:手风琴

       

        还是从页面结构来

        

        再去写功能

        

        

      

  • 相关阅读:
    2个准则,解决人际、团队和客户问题
    系统思维
    如何看透他人行为背后的本质 | 思维模型02:行为分析模型
    提问比回答更有力量
    有了套路,为什么还是解决不了问题
    能够跨界成功的人
    正确的思考
    你的烦恼,全因为不会思考
    努力,到底是不是天赋
    我们是魔术师面前的观众吗
  • 原文地址:https://www.cnblogs.com/yangyutian/p/10949672.html
Copyright © 2011-2022 走看看