首页 > 软件开发 > JQUERY >

【jQuery】语法$("p.test").hide() 如何使用

来源:互联网 2023-03-17 00:50:33 325

该jQuery语法用于隐藏对应的class的p标签。yOs办公区 - 实用经验教程分享!

工具/原料

  • 电脑,eclipse工具。

方法/步骤

  • 1

    1.打开eclipse开发工具,新建一个java项目,然后新建一个文件夹,再新建一个HTML File,文件名随便取,尽量规范,符合内容,然后点击完成,可以看到html会生成一段默认的代码,可以修改title标题处。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 2

    2.通过这段代码可以直接引入jQuery,以便后面使用。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 3

    3.在body标签内,加入页面需要显示的内容。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 4

    4.然后在script标签内,设计其样式,例如此处为点击按钮隐藏。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 5

    5.然后将光标移到html文件上右键,再以Web浏览器方式打开。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 5相关内容未经授权抓取自百度经验
  • 6

    6.可以看到页面上,出现了刚刚在文本写入的内容。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 7

    7.进行对应的操作 可以看到展示的效果符合预期。

    yOs办公区 - 实用经验教程分享!

    yOs办公区 - 实用经验教程分享!

    【jQuery】语法$("p.test").hide() 如何使用?yOs办公区 - 实用经验教程分享!

  • 注意事项

    • 该jQuery语法用于隐藏对应的class的p标签。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yOs办公区 - 实用经验教程分享!


    标签: JQUERYECLIPSE

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码