JQ的基础选择语法和隐藏/显示效果学习

 

JQ的基础选择语法

第一部分：JQ的基础选择语法

1.以下是JQ选择器的小部分学习，详细说明在图中.

 

 

2.这是JQ选择器的效果显示

 

以上的JQ选择器的学习是JQ选择器中的小部分，所以我只是选取了小部分跟大家一起学习 ，后面遇到了陌生的JQ选择器，再跟大家一起学习，如果上面有错误的，欢迎大家的指点！也非常欢迎大家在评论去指正！

 

第二部分.JQ的隐藏和显示效果的学习

1.在HTML中，我分别设置了3个按钮(button),以此来显示不同的效果展示.

 

 

 

2.在这幅图中，我给<div>设置了宽、高度等，以及给按钮设置了样式.然后在JQ语法中给按钮绑定点击事件，再给<div>添加隐藏、显示以及toggle()切换方法属性.

 

 

 

3.这是JQ效果的隐藏、显示以及来回切换的方法的效果展示，不过，需要点击才有效果展示，欢迎大家亲手尝试一下！

 

这是我所学到的JQ效果用法的其中一种，想分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如有更好的方法，欢迎大家推荐！写错的地方，欢迎大家在评论区指正！谢谢！