>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25886 个阅读者 刷新本主题
 * 贴子主题:  jQuery 语法 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-13 16:16:42     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery  语法

     通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。            

jQuery 语法

     jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

    基础语法: $(selector).action()    
  • 美元符号定义 jQuery
  • 选择符(selector)"查询"和"查找" HTML 元素
  • jQuery 的 action() 执行对元素的操作
     范例:
  •       $(this).hide() - 隐藏当前元素    
  •       $("p").hide() - 隐藏所有 <p> 元素    
  •       $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素    
  •       $("#test").hide() - 隐藏所有 id="test" 的元素
                
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 你对 CSS 选择器熟悉吗?

        jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本文接下来的章节,您将学习到更多有关选择器的语法。
            

文档就绪事件

     您也许已经注意到在我们的范例中的所有 jQuery 函数位于一个 document ready 函数中:

$ ( document ) . ready ( function ( ) {

    //  开始写 jQuery 代码...  

} ) ;

      这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。

      如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:            
  • 试图隐藏一个不存在的元素
  • 获得未完全加载的图像的大小
             提示:简洁写法(与以上写法效果相同):

$ ( function ( ) {

    //  开始写 jQuery 代码...  

} ) ;

        以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。





程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-24 11:05:26 重新编辑]
  Java面向对象编程-->操作符
  JavaWeb开发-->Servlet技术详解(Ⅱ)
  JSP与Hibernate开发-->持久化层的映射类型
  Java网络编程-->非阻塞通信
  精通Spring-->
  Vue3开发-->Vue组件开发基础
  VSCode 开发Vue必备插件
  前端Vue单页面应用性能优化
  JavaScript ES2015模块化操作
  vue 项目中使用loadsh 的 防抖(debounce)和节流(throttle...
  Vue+Vant中van-list请求数据(数据请求调用公用方法)
  Node.js 实现远程桌面监控
  vue实现Word或Excel文档导出的功能,转换文件名乱码或者json...
  Vue路由开启keep-alive时的注意点
  前端图片压缩库images-quickly-compress
  JS对树形数据的遍历和过滤,
  jQuery 遍历DOM 树中的同胞元素
  响应式 Web 设计:显示图片
  HTML 基础知识
  JavaScript HTML DOM 节点列表
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。