<!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. BZOJ1036——树的统计count

    1.题目大意:给你一棵树,有三种操作 1>qmax,询问u到v中间点权的最大值 2>qsum,询问u到v中间点权和 3>change,把u这个节点的权值改为v 2.分析:树链剖分的裸 ...

  2. ruby on rails validates uniqueness

    最近在处理一个小功能,每个元素可以有多个图片,每个图片的name表示了它是背景图还是海报图, 需要对每个元素的图片name做一个唯一性验证,一个元素不能添加两个海报图, 需要使用的是validates ...

  3. hiho #1325 : 平衡树·Treap

    #1325 : 平衡树·Treap 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho:小Hi,我发现我们以前讲过的两个数据结构特别相似. 小Hi:你说的是哪两个啊? ...

  4. Android碎片（Fragment）简述

    碎片(Fragment)是一种可以嵌入活动当中的UI片段,它能让程序更加合理和充分地利用大屏幕的空间,因此碎片在平板上的应用非常广泛. 你可以将碎片理解成一个迷你型的活动,水平同样可能包含布局,同样都 ...

  5. BZOJ 2177: 曼哈顿最小生成树

    Sol 考了好几次曼哈顿最小生成树,然而一直不会打...这次终于打出来了...神tm调试了2h...好蛋疼... 首先曼哈顿最小生成树有个结论就是讲它每45度分出一个象限,对于每个点,只与每个象限中离 ...

  6. SQL Server 2008 R2 Developer (x86, x64, ia64) – DVD (Chinese-Simplified)

    http://blog.sina.com.cn/s/blog_4aedf6370101j9tz.html 1. SQL Server 2008 R2 Developer (x86, x64, ia64 ...

  7. MySQL 编程的6个重要的技巧

    一.每一行命令都是用分号(;)作为结束 对于MySQL,第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的,但当一行MySQL被插入在PHP代码中时,最好把后面的分号省略掉,例如:   二. ...

  8. servlet 和filter 的生命周期说明

    servlet : 当客户端第一次访问servlet的时候,服务器就会创建servlet实例,servlet 就会执行init方法,每次请求,服务器会开一个新的线程访问servlet中得service ...

  9. 【转】.so兼容32位和64位

    本文转自:http://blog.csdn.net/fwt336/article/details/51700300 安卓的兼容性是一个很令人头疼的问题,这几天又遇到了,还好还是解决了. 我遇到的问题是 ...

  10. iOS keyChain 的使用

    详细资料,请参看苹果官方文档Keychain Services Reference . ios中的keychain,用于保存用户的机密信息,对keychain的操作有4种,就是 增,删,改,查: Se ...