<!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">

#one

{

    color:red;

    font-size:30px;

    background-color:#999;}

</style>

</head>

<body>

<div id="one"><span>one</span></div>

<div class="test" bs="aa">two</div>

<div class="test">three</div>

<div class="test">four</div>

<input type="text" name="uid" id="uid" />

<input type="button" id="btn" value="取消绑定" />

<input type="button" id="add" value="绑定事件" />

</body>

<script type="text/javascript">

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

    //js方式

    //1.根据ID取元素，DOM对象

    //var div=document.getElementById("one");

    //2.根据class取元素  取出来的是数组

    //var div=document.getElementsByClassName("test");

    //3.根据name取元素   取出来的是数组

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

    //4.根据标签名取元素  取出来的是数组

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

    //操作内容

    //1.非表单元素

    //alert(div.innerText);   取值  直接输出

    //div.innerText="aaa";    赋值  直接输出

    //div.innerHTML;          取值或添加HTML代码  可以解析HTML代码

    //2.表单元素

    //div.value                  取值或赋值  

    //操作属性

    //div.setAttribute("","");  //设置属性

    //div.removeAttribute("");  //移除属性

    //div.getAttribute("");     //获取属性

    //操作样式

    //div.style.backgroundColor="red";    设置样式表  背景色 红色

    //alert(div.style.color)            获取样式表  只能获内联样式

    //在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对象使用eq()

    //jquery方式

    //1.根据ID取元素，JQUERY对象

    //var div=$("#one");

    //2.根据class取元素   取出来的是数组

    //var div=$(".test");

    //3.根据属性取元素     取出来的是数组

    //var bd=$("[name='uid']");

    //4.根据标签名取元素   取出来的是数组

    //var div=$("div");

    //5.组合选取

    //var div=$("div span");

    //操作内容

    //1.非表单元素

    //alert(div.text());     取值  直接输出

    //div.text("aaa");         赋值  直接输出

    //div.html();             取值或添加HTML代码  可以解析HTML代码

    //2.表单元素

    //div.val("aaa");         取值或赋值  

    //操作属性

    //div.attr("test","aa");    //设置属性

    //div.removeAttr("test");   //移除属性

    //div.attr("test");         //获取属性

    //操作样式

    //div.css("background-color","#FF0");   设置样式表  背景色 黄色

    //alert(div.css("color"));                获取样式表  内联内嵌都可以

    //操作元素

    //var str="<div id='abc' style='width:100px; height:100px; background-color:red'></div>";  //添加元素

    //div.append(str);    //追加元素

    //$("#abc").remove(); //移除某个元素

    /*$(".test").click(function(){    //添加事件

        alert($(this).text());

        })*/

    /*$(".test").bind("click",function(){   //添加事件

        alert($(this).text());

        });    

    $("#btn").click(function(){                //解除事件

        $(".test").unbind("click");

        });

    $("#add").click(function(){                //绑定事件

        $(".test").bind("click",function(){

        alert($(this).text());

        });

        });*/

});

</script>

</html>

php JS和JQ的更多相关文章

  1. JS与JQ倒计时的写法

    页面需要制作一个倒计时的功能:然后度娘了一遍,找到两种写法,原生JS与JQ 的,经过测试原生JS在IE可能会有不刷新的现象所以结合了一个大神的JQ写法修改好了一个. 原生JS写法: HTML: < ...

  2. js模拟jq获取id

    js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <m ...

  3. 前端双引号单引号，正则反向引用，js比较jq

    1.js,jq,css,html属性必须双,如果同时出现需要嵌套使用,属性的规范是双但是也可以用单测试有效 单引号现象举例:jq中获取元素标签是单引号:$('input').click:弹出也是单引号 ...

  4. JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）

    JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...

  5. 通过js或jq增加的代码，点击事件或其他一些事件不起作用时

    通过js或jq增加的代码,点击事件或其他一些事件不起作用时,可使用 $(document).on("click",".noshow",function() { ...

  6. 用JS和JQ来获取子节点！

    用JS和JQ来获取子节点!   在JS中,如果通过document.getElementsByTagName来获取子元素有个弊端:它不单会获取符合要求的子元素,就连同孙元素也会获取.如果有特殊要求,那 ...

  7. JS与JQ的对比与提高

    来吧, 案例1:先上个例子js写的省市二级联动 <!DOCTYPE html><html> <head> <meta charset="UTF-8& ...

  8. JS与JQ绑定事件的几种方式.

    JS与JQ绑定事件的几种方式 JS绑定事件的三种方式 直接在DOM中进行绑定 <button onclick="alert('success')" type="bu ...

  9. js或者jq 使用cookie 时在谷歌浏览器不好使

    用js或者jq 写cookie时在谷歌浏览器上打开,cookie不能正常使用. 原因:浏览器没有开启cookie,打开cookie 就可以显示 其次,当将代码上传至服务器,再用浏览器打开时,cooki ...

  10. JS、JQ相关小技巧积攒

    JS.JQ相关小技巧积攒,以备不时之需. 1.js 获取时间差:时间戳相减.new Date().getTime()  获得毫秒数,除以(1000*60*60*24) 获得天数. 2.重定向操作:页面 ...

随机推荐

  1. ORA-02287: 此处不允许序号

    今天使用 insert into select 时出现了这个异常,感觉很诡异,去metalink查了下资料,找出了错误原因,记录下来. SQL> CREATE TABLE test_baser0 ...

  2. 技术博客（初用markdown）

    技术博客 菜鸟教程在这个网站我学到许多有趣的东西,并且弥补了我之前的一些不足之处. 以下为我学习到的内容. 1 如果想输出多个多位数的时候,可以尝试用多个if语句.如果需要输出3为数的时候,设置三个变 ...

  3. Linux之匹配符

    shell常见通配符: 字符 含义 实例 * 匹配 0 或多个字符 a*b  a与b之间可以有任意长度的任意字符, 也可以一个也没有, 如aabcb, axyzb, a012b, ab. ? 匹配任意 ...

  4. 剑指Offer 替换空格

    题目描述 请实现一个函数,将一个字符串中的空格替换成“%20”.例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy.   思路: 替换空格,先遍历一遍记 ...

  5. mysql的安装以及基本操作

    一.在Linux 下安装MySQL ubuntu 下可以直接使用apt-get . centos 下yum源有没有就不知道了. 1. sudo apt-get install mysql-server ...

  6. HDU 2819 隐式二分图匹配

    http://acm.hdu.edu.cn/showproblem.php?pid=2819 这道题乍一看是矩阵变换题,估计用矩阵之类的也可以做 但是分析一下就可以知道 要凑成对角线都是1,题目允许行 ...

  7. sql server 2008笔记

    sql server 2008开启远程访问数据库 1.以windows验证模式进入数据库管理器. 第二步:右击sa,选择属性: 在常规选项卡中,重新填写密码和确认密码(改成个好记的).把强制实施密码策 ...

  8. scp和rsync限制传输速度

    1.scp 限速100KB/s scp -l 1000 test root@192.168.1.104 此时的传输速率就是1M/8=100KB左右 2.rsync 限速100KB/s rsync -a ...

  9. Linq to 泛型集合查询集合包括大写M和年龄小于等于18

    #region Linq to 泛型集合查询集合包括大写M和年龄小于等于18            //List<Student> list = new List<Student&g ...

  10. host位置

    windows xp/2003/vista/2008用户HOSTS文件是在“c:\windows\system32\drivers\etc”