zoukankan      html  css  js  c++  java
  • jquery概念

    jaquery时javascript的一个库,可以理解为时javascript的框架

    在引用jquery时,有CSS样式,先引用CSS框架,再引用自己的CSS,引入js时,先行引用jquery文件,在引用js框架(layui..等等),再引用自己的js,顺序不能乱!

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <!--引入jQuery的js文件-->
    <script type="text/javascript" src="../js/jquery-3.4.0.min.js"></script>
    </head>
    
    <body>
    <p id="p1">a</p>
    <p class="p2" align="center">b</p>
    <p class="p2">c</p>
    <p class="p2">d</p>
    <div>
    	<p>e</p>
    	<p>f</p>
    </div>
    <input type="text" value="aaaaaaaa">
    </body>
    <script type="text/javascript">
    	/*id选择器*/
    	var p1=$("#p1");
    	alert(p1.html());*/
    	/*class选择器*/
    	var arr=$(".p2");
    	alert(arr.length);
    	/*元素选择器*/
    	var arr=$("p");
    	alert(arr.length);
    	/*父子关系选择器*/
    	var arr=$("div p");
    	alert(arr.length);
    	/*属性选择器*/
    	var obj=$("[align='center']");
    	alert(obj.html());
    	如果得到的是数组,则用jqDom.eq(下标)
    	alert($(".p2").eq(0).html());
    	//获取js对象   js->jquery   $(jsDom)
    	var p1=document.getElementById("p1");
    	alert($(p1).html());
    	//获取jQuery对象 jquery->js   $('div')[0]    $('div').get(0)
    	alert($(".p2").get(1).innerHTML);
    	//给非表单元素赋值
    	$("#p1").html("你好");
    	//获取表单的value值
    	alert($("input").val());
    	//给表单元素赋值
    	$("input").val("bbbbbbbb");
    </script>
    </html>
    

      

    //获取js对象 js->jquery $(jsDom)
    var p1=document.getElementById("p1");
    alert($(p1).html());

    //获取jQuery对象 jquery->js $('div')[0] $('div').get(0)
    alert($(".p2").get(1).innerHTML);

  • 相关阅读:
    C# 创建与读写配置文件
    C# 绘图三种方式
    WindowsForms获取服务名称
    Hbase之JAVA API不能远程访问问题解决
    Jenkins之自动构建
    Jenkins配置匿名用户拥有只读权限
    XShell中文乱码问题解决
    mybatis之关联(2)
    mybatis之动态SQL
    mybatis之一对一关联
  • 原文地址:https://www.cnblogs.com/awdsjk/p/10724250.html
Copyright © 2011-2022 走看看