jquery链接结构的使用

要实现的效果,点击一个li标签,当前li标签的下一个li标签内的img弹出来,同时,让其他弹出的img隐藏

image.png



    
    jQuery的链式操作
    
    
    


    
  • 萌宠:猫
  • ![](images/01.jpg)
  • 萌宠:狗
  • ![](images/02.jpg)
  • 萌宠:鼠
  • ![](images/03.jpg)
  • 萌宠:兔
  • ![](images/04.jpg)
jquery链接结构的使用_第1张图片
image.png



    
    jQuery控制页面css
    
    
    


    









    
    jQuery控制页面css
    
    


    
让学习成为一种习惯
jquery链接结构的使用_第2张图片
image.png



    
    jQuery对页面的事件处理
    
    
    


    

点击对应的文字,即停止滚动

  • 123
  • 123
  • 123
  • ajax的封装



    
    jQuery 处理页面动画效果
    
    







/**
    服务器端代码
*/
app.get("/testajax",function(req,res){
    res.send("你已经学会jQuery了ajax文本");
});



jquery链接结构的使用_第3张图片
image.png



    
    层次选择器
    
    


    

编程语言排名

    • java语言占例:
    • c语言占例:
    • c++语言占例:
- 注意,这段js代码要放在body体后面才可以生效。因为它是改变的原css

内容过滤选择器 contains(内容)") 感觉这个跟全文索引有点相似




    
    内容过滤选择器
    
    


    

电话号码过滤

  • 张三:186123123123
  • 李四:186321321321
  • 王五:186132132132
  • 赵六:
  • 钱七:186312312312
  • 孙八:

图片上第一个翻到最后一个,再从最后这一个翻到第一个




    
    可见性过滤选择器
    
    


    

直隐直现的轮播图

![](images/01.jpg) ![](images/02.jpg) ![](images/03.jpg) ![](images/04.jpg)

表单对象属性过滤选择器




    
    表单对象属性过滤选择器
    
    


    

我的邮箱

  • 宝龙来信 内容:xxxxxx
  • 万涛来信 内容:请进入
  • 明霞来信 内容:请双击
  • 滔滔来信 内容:保密

你可能感兴趣的:(jquery链接结构的使用)