- 博客(32)
- 收藏
- 关注
原创 jquery Dom操作_删除节点
1,jQuery 删除节点:(1)根据参数删除指定的元素 remove() (2)清空节点empty() //删除节点$(function(){//根据参数删除指定的元素remove()//$("ul li").remove("li[name=m]");//$("ul li").remove("li[name]");//删除有na
2013-03-31 22:04:59 747
原创 jquery DOM操作_创建节点
2,jQuery 创建节点:(1)创建元素节点 (2)创建属性节点(3)创建文本节点 //2创建节点$(function(){ //1创建元素节点 var $li= $(""); $("ul").append($li); //2创建属性节点,创建元素节点的时候,写上属性,属性在飞蛾八个中显示 //$("p").attr("name","fr
2013-03-31 22:01:38 633
原创 jquery Dom对象_查找节点
//jquery Dom操作$(function(){ //查找节点 //1获得元素节点, var $p_text=$("p").text(); alert($p_text);//val获得value属性值,text()获得标签之间的内容 //2属性节点 attr()1个参数表示获得属性节点2个参数给属性节点赋值 $title=$("p").attr(
2013-03-31 21:59:24 836
原创 jquery空格和非空格的区别
1,空格var descent = $(".test :hidden").length;获得class属性为test的元素下面的所有隐藏元素(后代元素)2,没空格var ele = $(".test:hidden").length;获得所有的隐藏的class为test的元素
2013-03-31 21:55:33 566
原创 jquery表单选择器
1,表单选择器 (1)选取所有的input,textarea,select,button (2)选取所有的单行文本框 (3)选取所有的密码框 (4)选取所有的单选框 (5)选择所有的复选框 (6)选择所有的提交按钮 (7)选择所有的文件上传域 //表单选择器$(function(){ //选取所有的input,tex
2013-03-31 21:54:32 441
原创 jquery表单对象属性过滤选择器
1,表单对象属性过滤选择器 (1)选取所有被选中的元素(单选框,复选框) (2)选取所有被选中的下拉列表选项 //表单对象属性过滤选择器//input包括文本域,单选框,复选框$(function(){ //选取所有被选中的元素(单选框,复选框) $("input").blur(function(){ var $p=$("input:chec
2013-03-31 21:52:56 895
原创 jquery子元素过滤选择器
1,子元素过滤选择器 (1)选取父元素下,索引值是偶数的元素(索引值从1开始) (2)选取父元素下,索引值是奇数的元素(索引值从1开始) (3)匹配每个父元素下,索引值为index的元素 (4)匹配每个父元素的第一个子元素 (5)匹配每个父元素的最后一个子元素 $(function(){ // 1选取父元素下索引值是偶数的子元素的索引值(索
2013-03-31 21:51:21 1264
原创 jquery属性过滤选择器
1,属性过滤选择器(1)选取拥有此属性的选择器(2)选取属性值为value的元素 .show{display:block;}.hide{display:none;}//属性过滤选择器$(document).ready(function(){ //选取拥有此属性的元素 $("div[class]").css("color","red");
2013-03-31 21:49:50 445
原创 jquery可见性过滤选择器
2,可见性过滤选择器 (1)选取所有可见的元素 (2)选取所有不可见的元素 .show{display:block;}/*显示*/.hide{display:none;}/*隐藏*///可见性过滤选择器 $(document).ready(function(){ //1选取所有可见的元素 $(":visible").css("font
2013-03-31 21:48:22 553
原创 jquery内容过滤选择器
1,内容过滤选择器 (1)选取含有文本内容为text的元素 (2)选取含有某元素的元素 //内容过滤选择器$(document).ready(function(){ //1选取含有文本内容为标签的元素,如果:前不写span默认是把body加载,整个屏幕显示粉色 $("span:contains('标签')").css("background",
2013-03-31 21:46:54 439
原创 jquery基本过滤选择器
1,基本过滤选择器 1,所有div元素中,第一个div 2,所有div元素中,最后一个div 3,获取索引是偶数的所有元素,索引从0开始 4,获取索引是奇数的所有元素,索引从0开始 5,获取索引等于index的所有元素 6,索引大于小于 gt() lt() 7,获取网页中所有的h标签内容//过滤选择器(:)$(d
2013-03-31 21:44:59 660
原创 jquery层次选择器
//2层次选择器$(document).ready(function(){ //后代元素选择器(儿子孙子) $("#div1 ul li").css({"color":"blue","fontSize":"30px"});//ul,li起作用,写2个样式用{} //子元素选择器(只包括儿子) $("#div2>span").css("background","green"
2013-03-31 21:42:37 384
原创 jquery基本选择器
//1,基本选择器$(document).ready(function(){ //1、根据id匹配元素var $p= $("#para");$p.click(function(){ alert("这是一个段落"); }) //2、根据类名匹配元素 var $span=$(".span"); $span.css("font-size","30px");
2013-03-31 21:41:05 446
原创 jQuery简介
1,jQuery发展历史:是一个javascript库,封装的一些常用的操作:2、为什么要封装?1,javascript,DOM非常繁琐2,浏览器兼容性3、封装一些javascript常用的操作,库1,prototype:封装javascript常用的对象和函数(功能强大,而且最早的库),缺点(面向对象把握的不是很好)2,dojo,提供了其他库没有的功能,例如离线存储,SVG绘图,
2013-03-27 16:54:58 581
原创 css选择器分类
/*1、标签选择器:通过标签名字找到某个元素*/p{font-size:30px;}/*2、id选择器:通过id值找到某个元素*/#para{font-weight:bold; background-color:#F00;}/*3、类选择器:通过class属性找到摸个元素*/.span{ color:red; background-color:#99F;}/*4、群组选择器
2013-03-26 19:05:47 448
原创 php表情
function inserttag(topen,tclose){ var themess = document.getElementById('con');//编辑对象 //a = document.getElementById('con').value; //alert(a); themess.focus(); if (document.selection) {//如果是否
2013-03-25 18:53:59 503
原创 ajax--json格式获取数据
function testXML(){ var xhr;//首先声明一个保存XMLHttpRequest对象的xhr变量 xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");//判断浏览器的版本.readystate=0 var url="
2013-03-21 07:59:39 563
原创 ajax
AJAX1.什么是AJAX?他的作用是什么? AJAX指异步JavaScript及XML(Asynchronous JavaScript And XML)。AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。通过 AJAX,你可以创建更好、更快以及更友好的 WEB应用程序。 注意:AJAX基于JavaScript和HTTP请求(HTTP req
2013-03-19 10:39:03 503
原创 jaxa三级联动
ajax.php mysql_connect('localhost','root','123'); mysql_select_db("chain"); mysql_query("set names utf8"); //获得用户点击的值以及应该显示的表明 $val = $_POST['val']; $table = $_POST['table']; if($table
2013-03-14 19:05:53 588
原创 json数组字面量
1、ajax.jsfunction initXHR(){ //判断浏览器的版本 return window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); }function testXHR(serverUrl,Parms,callBack){ var xhr=initX
2013-03-13 19:25:39 487
原创 json对象字面量
1、function testJSON(){ testXHR("json2.php","",showjson);//testXHR函数应与ajax.js里的函数名保持一致 }function showjson(xhr){//xhr是个保存XMLHttpRequest对象的xhr变量(必须有) var jsonObj=eval("("+xhr.responseText+
2013-03-13 19:23:09 506
原创 使用XML作为项目的配置文件使用,并解析之,获得数据作为链接数据库的参数
通过xml获得数据保存到数组中$config=array('db'=>array('host'=>'localhost','user'=>'root','pass'=>'123','dbname'=>'xml'),'smarty'=>array()) //获得根节点$doc=new DOMDocument("1.0","utf-8");
2013-03-11 22:48:35 424
原创 js变量作用范围vs php变量范围
二、Javascript变量变量是用来存储信息的容器规则:变量名区分大小写;变量名必须以字母或下划线开头变量的声明和赋值:如果你给一个还没有声明的变量赋值,该变量会自动声明2、javascript的变量作用域全局作用域:javascript可执行的所有范围都起作用局部作用域:当前函数内起作用举个例子:(1)var a='ni hao';function f(
2013-03-10 10:15:47 679
原创 xml DTD验证
1、DTD:Document Type Definition 文档类型定义XML文件:格式良好的XML:只要符合语法规范,就是格式良好的合法的: 经过验证并且验证通过的就是合法的 2、先将DTD验证规则和XML文件关联起来 现在已经关联起来,但是还没有验证3、什么时候验证呢?Php文件加载xml文件的时候验证alidateOnParse
2013-03-09 21:17:45 766
原创 php通过xpath访问xml文件
1、XPath(xml Path)是用来在XML文档中对元素和属性进行遍历2,怎么使用XPath? (1)先有DOMDocument对象 (2)加载xml文件 (3)实例化DOMXPath对象 (4)查询,定义查找规则,根据规则查找元素3、XPath的相应规则(1)利用元素名查找元素 //元素名(2)按照位置查找 /经过的元素1/
2013-03-09 21:14:41 699
原创 php通过simplexml获取xml文件
1、simplexml是php专门提供的一种简单的操作xml文件对象。simplexmlElement这个对象会将所有的xml的元素转化成对象,相同的元素转化成对象的集合2、步骤:(1)实例化simpleXML对象,参数为XML文件的内容 file_get_contents()获得这个对象可以理解为文档的根节点(2)访问某一个节点 (1)元素的属性,数组下标的形式
2013-03-07 18:52:09 1857
原创 php通过SAX访问xml文件
1、SAX :simpleAPI for XML:简单的XML的应用程序接口。 API:Application Progam Interface 应用程序接口.2、Windows操作系统的发展:应用程序 和 操作系统进行交流的一个接口现在说的API ,系统(软件)封装的一些函数(类库),我们编写的程序只管调用他们就行。3、原理:XML解析器 遇到一个标签解析这个标签,遇到一个数
2013-03-06 21:02:09 1981
原创 xml总结
一、1、XML 被称为“web领域的世界语”。xml(EXtensible Markup Language)可扩展性标记语言:(用户可以自定义标签)2、xml发展当 XML(扩展标记语言)于 1998 年 2 月被引入软工业界时,它给整个行业带来了一场风暴。有史以来第一次,这个世界拥有了一种用来结构化文档和数据的通用且适应性强的格式,它不仅仅可以用于 WEB,而且可以被用于任何
2013-03-05 20:27:13 475
原创 用Dom方法和一般方法实现复选框的全选反选
方法一: function a(){ for(var i=1;i document.getElementById("a"+i).checked=true; } } function b(){ for(i=1;i document.getElementById("a"+i).checked=false; } } function c(){
2013-03-04 19:46:22 366
原创 html Dom
HTML DOM 复习:1,概念;(1)javascript对HTML文档的访问以及增删改查都是通过DOM来实现的(2)DOM(文档对象模型)顾名思义,将文档转化成对象的模型(3)现在主流浏览器都内置了文档解析器(转化的)2,HTML DOM的规则:Html文档对应的节点(对象)----------- documentDocument对象是html标签转化成的对象,
2013-03-04 19:39:08 310
原创 js的Dom
getElementsByTagName:document.getElementsByTagName("标签名称"); createElement:创建节点createTextNode:创建文本节点appendChild:添加节点removeChild:删除节点nodeName:(节点名称) nodeValue:(节点值) nodeType:(节点类型)例1:/
2013-03-03 12:55:15 295
原创 setTimeout()与setInterval()的区别
//setTimeout()多少秒之后执行某函数(执行1次),用在函数内等于setInterval//setInterval() 每个多少秒执行某个函数(一直在执行)例:var str="欢迎来到我的空间";//substr(要抽取的子串的起始下标,子串中的字符数如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。)从起始索引号提取字符串中指定数目
2013-03-01 20:26:29 211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人