<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   <html xmlns="http://www.w3.org/1999/xhtml">

   <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <title>无标题文档</title>

   <script src="jquery-1.11.2.min.js"></script>

   <style type="text/css">

   #aa{ background-color:#36C}

   </style>

  </head>

  <body>

  Jquery

      $代表选择器

  JS

      选取元素

      操作内容

      操作属性

      操作样式

  <div id="aa" style="width:100px; height:100px;"></div>

  <div class="aa"></div>

  <span class="aa"></span>

  <input type="text" name="uid" aa="bb" id="cc" />

  <input type="checkbox" value="" id="dd" />

  </body>

  <script type="text/javascript">

  //页面加载完成

  $(document).ready(function(e) {

      //页面加载完成之后执行

      //JS

          //找元素,DOM对象

          //var a = document.getElementById("aa");

          //alert(a);

          //var a = document.getElementsByClassName("aa");

          //alert(a[1]);

          //var a = document.getElementsByTagName("div");

          //var a = document.getElementsByName("uid");

          //alert(a[0]);

          yua

          //操作内容

          //a.innerHTML //操作元素里面的html代码

          //a.innerTEXT //操作元素里面的文本

          //a.value //操作表单元素的值

          //操作属性

          //a.setAttribute("",""); //设置

          //a.removeAttribute(""); //移除

          //a.getAttribute(""); //获取

          //操作样式

          //a.style.backgroudColor = "red";

      //Jquery

          //找元素,Jquery对象

          //var b = $("#aa"); //根据ID找

          //alert(b[0]);

          //var b = $(".aa"); //根据class找

          //alert(b[1]); //找到的是DOM对象

          //alert(b.eq(1)); //找到的是Jquery对象

          //var b = $("div"); //根据标签名找

          //alert(b[0]);

          //var b = $("[id='aa']"); //根据属性找

          //alert(b[0]);

          //操作内容

              //非表单元素

              //b.html(); //操作元素里面的HTML代码

              //b.text(); //操作元素里面的文本

              //表单元素

              //b.val("hello");

          //操作属性

              //设置属性

              //b.attr("bs","test");

              //获取属性

              //alert(b.attr("aa"));

              //移除属性

              //b.removeAttr("aa");

              //b.prop("checked",false);

         //操作样式,可以获取内嵌的样式

         //b.css("background-color","red");

         //alert(b.css("width"));

         //alert(b.css("background-color"));

 });

 </script>

 </html>

jquery常用语句的更多相关文章

  1. jquery常用语句总结

    一.jquery中text val html attr的使用区别 html和innerHTMl是一样的,可以获得和设置指定元素如<p>中的html标签和文本如:设置值: $("p ...

  2. [小问题笔记（七）] JS和 jQuery常用语句笔记（隐藏/显示/禁用标签 日期操作 跳转等）

    隐藏/显示标签 $("#div1").css("display", "none");$("#div2").css(&qu ...

  3. jquery常用写法简单记录

    好久不写东西了......话不多说,主要记录一下,最近做的项目中用到的js的记录(虽然特别特别简单) 一 jquery常用写法记录 jQuery(this).addClass("select ...

  4. SQL server 常用语句

    SQL Server中常用的SQL语句   1.概述 2.查询概述 3.单表查询 4.连接查询 5.带有exists的相关子查询 6.SQL的集合操作 7.插入操作 8.删除操作 9.修改操作 10. ...

  5. mysql常用语句总结

    1.创建语句 CREATE DATABASE database_name //创建数据库 //删表 DROP TABLE IF EXISTS `t_social_user_extend`; //建表C ...

  6. JS常用语句

    JavaScript常用语句 1.document.write("");    输出语句 2.JS中的注释为   // 3.传统的HTML文档顺序是:     document-& ...

  7. velocity常用语句速查表

    velocity常用语句 * 变量定义 #set($directoryRoot = "www" ) * #if($!list.size() != 0) //判断list不为空 #f ...

  8. 24、jQuery常用AJAX-API/Java调用MySQL / Oracle过程与函数

      1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取 ...

  9. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

随机推荐

  1. [物理学与PDEs]第3章第3节 电导率 $\sigma$ 为无穷时的磁流体力学方程组 3.3 磁场线``冻结''原理

    磁场线``冻结''原理: 在 $\sigma=\infty$ 时, 初始时刻分布在同一磁场线上的质点, 在运动过程中会一直保持在同一磁场线上, 即磁场线好像``冻结''在物质上. 事实上, $\cfr ...

  2. git秘钥生成

    #修改git配置 vi .gitconfig #生成秘钥 ssh-keygen -t rsa -C "邮箱地址" #查看秘钥 cat id_rsa.pub

  3. 给Myeclipse配置tomcat服务器

    1.安装好Tomcat 7.x服务器 2.window->perference,在搜索框中搜索Tomcat: 3.将MyEclipse自带的Tomcat及其他的Tomcat服务器禁用: 4.启用 ...

  4. How to avoid the 0-byte file on Webclient download error

    _client.DownloadDataAsync(new Uri(url)); _client.DownloadDataCompleted += (sender, e) => { try { ...

  5. 网络(最大)流初步+二分图初步 (浅谈EK，Dinic, Hungarian method:]

    本文中  N为点数,M为边数: EK: (brute_force) : 每次bfs暴力找到一条增广路,更新流量,代码如下 : 时间复杂度:O(NM²): #include<bits/stdc++ ...

  6. NBIOT经典回答【转】

    转自:https://blog.csdn.net/pan0755/article/details/70145936 该部分分享的是物联网各垂直应用领域里,NB-IoT技术的部署,看看适合NB-IoT技 ...

  7. Win10上默认VS 2017以管理员身份运行

    Win10上的UAC虽然是个好东西,但是对于使用开发工作的技术人员来说有时候也挺麻烦.这里有一个让VS2017无论如何都以管理员身份运行的方法. 1.进入VS2017的安装目录:..\Microsof ...

  8. undefined reference to `pthread_create'

    问题描述: ubuntu 16.04  下  C语言开发环境, 已经添加了头文件#include <pthread.h> 以及在Makefile中添加了 -lpthread,但是编译时仍然 ...

  9. Gmagick convert SVG to PNG with transparent/opacity background

    1 前言 在Ubuntu18.04环境下,用gographics/gmagick API使用了以下代码未有效果 pw := gmagick.NewPixelWand() pw.SetOpacity(1 ...

  10. C语言学习及应用笔记之六：C语言extern关键字及其使用

    在C语言中,修饰符extern用在变量或者函数的声明前,用来以标识变量或者函数的定义在别的文件中,提示编译器遇到此变量或者函数时,在其它文件中寻找其定义.extern关键字的用法有几种,我们下面对其进 ...