DDR爱好者之家

JQuery的加载和选择器用法简单示例
站长资源 2024/11/25 佚名
53 1538
DDR爱好者之家 Design By 杰米

本文实例讲述了JQuery的加载和选择器用法。分享给大家供大家参考，具体如下：

JQuery加载

一般开发中不用原生的JavaScript而是用JQuery，开发效率比较高。

下面程序是原生和JQuery库的比较程序

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="/UploadFiles/2021-04-02/jquery.min.js">


虽然原生的js函数是写在前面的，但是实际上JQuery弹出之后才会弹出js的alert，因为window.onload是等标签加载完成之后，再渲染完之后才允许。ready是等标签加载完之后就运行，所以要快。


JQuery选择器




    * jquery可以快速的选择元素，选择规则和css样式相同，使用length属性判断是是否选择成功

        * $(#myid) 选择id为myid的网页元素

        * $('.myclass') 选择class为myclass的元素

        * $("li")   选择所有li元素

        * $("#ul1 li span")  选择id为ul1元素下的所有li下的span元素

        * $("input[name=first]")    选择name属性等于first的input属性

    *







<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-02/jquery.min.js">


对选择集进行过滤




* $("div").has("p") 选择包含p元素的div元素

* $('div').not(".myclass") 选择class不等于myclass的div元素

* $('div').filter('.myclass') 选择class等于myclass的元素

* $('div').eq(5) 选择第六个div元素







<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-02/jquery.min.js">


判断是否选择到了元素


JQuery有容错机制，即使没有找到元素，也不会出错，可以用length属性来判断是否找到了元素，length等于0就是没找到元素，大于0就是找到了元素





var $div1=$("#div1");
alert($div1.length);







手册上传至github。


感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具 http://tools.jb51.net/code/HtmlJsRun 测试上述代码运行效果。




更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》


希望本文所述对大家jQuery程序设计有所帮助。


                                

                                

                                     

                                
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米