整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html原始字符及其用法

html原始字符及其用法

箭头类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u21E0

E0

?

\u21E2

E2

?

\u21E1

E1

?

\u21E3

E3

?

\u219E

9E

?

\u21A0

A0

?

\u219F

9F

?

\u21A1

A1

\u2190

90

\u2192

92

\u2191

91

\u2193

93

?

\u2194

94

?

\u2195

95

?

\u21C4

C4

?

\u21C5

C5

?

\u21A2

A2

?

\u21A3

A3

?

\u21DE

DE

?

\u21DF

DF

?

\u21AB

AB

?

\u21AC

AC

?

\u21DC

DC

?

\u21DD

DD

?

\u219A

9A

?

\u219B

9B

?

\u21AE

AE

?

\u21AD

AD

?

\u21E6

E6

?

\u21E8

E8

?

\u21E7

E7

?

\u21E9

E9

\u25B2

B2

?

\u25BA

BA

\u25BC

BC

?

\u25C4

C4

?

\u2794

94

?

\u2799

99

?

\u27A8

A8

?

\u27B2

B2

?

\u279C

9C

?

\u279E

9E

?

\u279F

9F

?

\u27A0

A0

?

\u27A4

A4

?

\u27A5

A5

?

\u27A6

A6

?

\u27A7

A7

?

\u27B5

B5

?

\u27B8

B8

?

\u27BC

BC

?

\u27BD

BD

?

\u27BA

BA

?

\u27B3

B3

?

\u21B7

B7

?

\u21B6

B6

?

\u21BB

BB

?

\u21BA

BA

?

\u21B5

B5

?

\u21AF

AF

?

\u27BE

BE





? 基本形状类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u2764

64

?

\u2708

08

\u2605

05

?

\u2726

26

?

\u2600

00

\u25C6

C6

?

\u25C8

C8

?

\u25A3

A3

?

\u263B

3B

?

\u263A

3A

?

\u2639

39

?

\u2709

09

?

\u260E

0E

?

\u260F

0F

?

\u2706

06

?

\uFFFD

\FFFD

?

\u2601

01

?

\u2602

02

?

\u2744

44

?

\u2603

03

?

\u2748

48

?

\u273F

3F

?

\u2740

40

?

\u2741

41

?

\u2618

18

?

\u2766

66

?

\u9749

49

?

\u2742

42

?

\u2625

25

?

\u262E

2E

?

\u262F

2F

?

\u262A

2A

?

\u2624

24

?

\u2704

04

?

\u2702

02

?

\u2638

38

?

\u2693

93

?

\u2623

23

?

\u26A0

A0

?

\u26A1

A1

?

\u2622

22

?

\u267B

7B

?

\u267F

7F

?

\u2620

20

¥ 货币类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



$

$

\u0024

>\0024<24

¢

\u00A2

>\00A2<>

£

\u00A3

>\00A3<>

¤

¤

\u00A4

>\00A4<>

\u20AC

AC

¥

\u00A5

>\00A5<>

?

\u20B1

B1

?

\u20B9

B9

? 数学类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

½

\u00BD

>\00BD<>

?

¼

\u00BC

>\00BC<>

?

¾

\u00BE

>\00BE<>

?

\u2153

53

?

\u2154

54

?

\u215B

5B

?

\u215C

5C

?

\u215D

5D

\u2030

30

%

%

\u0025

>\0025<25

<

<

\u003C

>\003C<3C

>

>

\u003E

>\003E<3E

? 音乐符号类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u2669

69

?

\u266A

6A

?

\u266B

6B

?

\u266C

6C

?

\u266D

6D

?

\u266F

6F

? 对错号

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS




 

\u00A0

>\00A0<>

?

\u2610

10

?

\u2611

11

?

\u2612

12

?

\u2713

13

?

\u2714

14

?

\u10005

005

?

\u2716

16

?

\u2717

17

?

\u2718

18

★ 全都是星星

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



\u2605

05

?

\u272D

2D

?

\u272E

2E

\u2606

06

?

\u272A

2A

?

\u2721

21

?

\u272F

2F

?

\u2735

35

?

\u2736

36

?

\u2738

38

?

\u2739

39

?

\u273A

3A

?

\u2731

31

?

\u2732

32

?

\u2734

34

?

\u2733

33

?

\u273B

3B

?

\u273D

3D

?

\u274B

4B

?

\u2746

46

?

\u2744

44

?

\u2745

45

? 星座类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u2648

48

?

\u2649

49

?

\u264A

4A

?

\u264B

4B

?

\u264C

4C

?

\u264D

4D

?

\u264E

4E

?

\u264F

4F

?

\u2650

50

?

\u2651

51

?

\u2652

52

?

\u2653

53

? 国际象棋类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u265A

5A

?

\u265B

5B

?

\u265C

5C

?

\u265D

5D

?

\u265E

5E

?

\u265F

5F

?

\u2654

54

?

\u2655

55

?

\u2656

56

?

\u2657

57

?

\u2658

58

?

\u2659

59

? 扑克牌类

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u2660

60

?

\u2663

63

?

\u2665

65

?

\u2666

66

?

\u2664

64

?

\u2667

67

?

\u2661

61

?

\u2662

62

Ω 希腊字母

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



Α

Α

\u0391

91

Β

Β

\u0392

92

Γ

Γ

\u0393

93

Δ

Δ

\u0394

94

Ε

Ε

\u0395

95

Ζ

Ζ

\u0396

96

Η

Η

\u0397

97

Θ

Θ

\u0398

98

Ι

Ι

\u0399

99

Κ

Κ

\u039A

9A

Λ

Λ

\u039B

9B

Μ

Μ

\u039C

9C

Ν

Ν

\u039D

9D

Ξ

Ξ

\u039E

9E

Ο

Ο

\u039F

9F

Π

Π

\u03A0

A0

Ρ

Ρ

\u03A1

A1

Σ

Σ

\u03A3

A3

Τ

Τ

\u03A4

A4

Υ

Υ

\u03A5

A5

Φ

Φ

\u03A6

A6

Χ

Χ

\u03A7

A7

Ψ

Ψ

\u03A8

A8

Ω

Ω

\u03A9

A9

? 十字

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

\u2628

28

?

\u2629

29

?

\u271D

1D

?

\u271E

1E

?

\u271F

1F

?

\u2720

20

?

\u271A

1A

?

\u2020

20

?

\u2722

22

?

\u2724

24

?

\u2723

23

?

\u2725

25

? 法律符号

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

®

\u00AE

>\00AE<>

?

©

\u00A9

>\00A9<>

?

\u2117

17

?

\u0099

>\0099<99

?

\u2120

20





@ 标点和符号

符号

UNICODE



符号

UNICODE



HTML

JS

CSS

HTML

JS

CSS



?

«

\u00AB

>\00AB<>

?

»

\u00BB

>\00BB<>

?

\u008B

>\008B<8B

?

\u009B

>\009B<9B

\u201C

1C

\u201D

1D

\u2018

18

\u2019

19

?

\u2022

22

?

\u25E6

E6

?

¡

\u00A1

>\00A1<>

?

¿

\u00BF

>\00BF<>

\u2105

05

\u2116

16

&

&

\u0026

>\0026<26

@

@

\u0040

>\0040<40

?

\u211E

1E

\u2103

03

\u2109

09

°

°

\u00B0

>\00B0<>



|

\u007C

>\007C<7C

|

¦

\u00A6

\u2013

13

\u2014

14

\u2026

26

?

\u00B6

>\00B6<>

\u223C

3C

\u2260


用法

三种用法都在里面了

.jQuery的三种$

1)$可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。

比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象--它选择了所有的<a/>这个标签。

eg:$("a").click(function{...}) :就是在点击页面上的任何一个链接时的触发事件。

alert($("div>p").html):表示弹出div下的一级节点标签为p的内容

$("<div><p>Hello</p></div>").appendTo("body"):表示$中的是一个字符串,用这样一段字串构建了jQuery对象,然后向<body/>中添加这一字串。

2)$可以是$(element),即一个特定的DOM元素。如常用的DOM对象有document、location、form等。

eg:$(document).find("div>p").html):表示$中的document是一个DOM元素,即在全文寻找带<p>的<div>元素,并显示<p>中的内容。

3)$可以是$(function),即一个函数,它是$(document).ready的一个速记方式。

eg:

$(document).ready(function{

alert("Hello world!");

}) //意思是当文档载入完毕就执行

可简化为:

$(function{

alert("Hello world!");

});

2.对于选择HTML文档中的elements,jQuery有两种方法:

1)如$("div>ul a"),它的意思是div标签中的ul标签中的a标签

不过,$('div>ul')和$('div ul')是有区别的,

$('div>ul')是<div>的直接后代里找<ul>; 而$('div ul')是在<div>的所有后代里找<ul>。

2)用jQuery对象的几个方法(如方法find()、each()等) $("#orderedlist).find("li") 就像 $("#orderedlist li"). each一样迭代了所有的li,而表达式中的“#”表示HTML中的ID,如上例中的“#orderedlist”就表示“ID为orderedlist所在的标签”。

3.标签选择器$('p')、类选择器$('.myClass')、id选择器$('#myId')

4.$('#sId li:not(.horizontal)'),就是指类名"sId"里面的所有li的子孙中没有horizontal类的所有元素。

5.XPath选择器

eg:选择所有带有title 属性的链接,我们会这样写:$('a[@title]') ,下面是解析:

里带@,说明里的是元素的属性;是个属性选择器

里没@,说明里的是元素的子孙

1)$('ul li')和$('ul[li]')虽然返回的都是一个jQuery数组,但两者的含义正好相反。前者是要找<ul>下所有<li>子孙,而后者却是在找所有子孙为<li>的<ul>数组。

2)在XPath中,要找一个“以...开头”的属性,用^=,如找一个name属性是以mail开头的input元素,就用 $('input[@name^="mail"]')

要找一个“以...结尾”的属性,要用$=

要找一个“不头不尾”的属性,用*=

6.不属于上述的CSS和XPath的选择器,就是自定义的选择器了,用“:”表示,这里要用的就是:first,:last,:parent ,:hidden,:visible,:odd,:even,:not('xxx'), ":eq(0)"(始于0),:nth(n),:gt(0),:lt(0),:contains("xxx") 如:$('tr:not([th]):even')意为<tr>元素的子孙中不含<th>的所有子孙的偶数项

7.其他的如下:

$('th').parent—— th标签的父节点

$('td:contains("Henry")').prev——内容包含有"Henry"的<td>的上一个节点

$('td:contains("Henry")').next——内容包含有"Henry"的<td>的下一个节点

$('td:contains("Henry")').siblings——内容包含有"Henry"的<td>的所有兄弟节点

还有一个,就是end,这个方法肯定是用在某个DOM节点执行了某一动作之后,还想在与其相关的节点上执行类似动作,这里就要用到end。用过end方法之后,所返回的是执行动作的那个节点的父节点上。举个例子

$(...).parent.find(...).addClass.end 这里执行动作的节点是find(...),是一个数组对象,它所做的动作是“addClass”,之后,用了个end,这时所返回的东东就是指向了parent所指向的节点,也就是执行“addClass”动作的那个数组对象的父节点。

8.要直接访问DOM元素,可用get(0)的方法,如 $('#myelement').get(0),也可缩写成$('#myelement')[0]

法: $.ajax([settings]);


  1. $.ajax({
  2. type: "POST",
  3. url: "UserLogincheck",
  4. data: {username:$("#username").val(), password:$("#password").val(),verify:$("#verify").val()},
  5. dataType: "json",
  6. success: function(data){
  7. if(data==1){
  8. // 用户名或密码错误
  9. alert("用户名或密码错误");
  10. }
  11. else if(data==2){
  12. alert("验证码错误");
  13. // 验证码错误
  14. }
  15. else if(data==0){
  16. window.location.href="index";
  17. }
  18. //跳转页面
  19. },
  20. error:function(XMLHttpRequest, textStatus, errorThrown){//请求失败时调用此函数
  21. console.log(XMLHttpRequest.status);
  22. console.log(XMLHttpRequest.readyState);
  23. console.log(textStatus);
  24. }
  25. });

php作为后台的处理过程


  1. public function UserLogincheck(){//用户登陆验证(用户名和邮箱均可登陆)
  2. $very=new \Think\Verify();
  3. if($very->check($_POST['verify'])){//验证码正确
  4. $user_admin=I('post.username');
  5. $judge=" (user_name='$user_admin' or user_email='$user_admin' )";
  6. $user_del_status=$this->user->where($judge)->getField('user_del');
  7. if($user_del_status==0){//用户未被注销
  8. $user_password=I('post.password');
  9. $judge .="and user_password='$user_password'";
  10. $res=$this->user->where($judge)->find();
  11. if($res){//记录用户登陆状态
  12. $_SESSION['ADMIN_user_id']=$this->user->where($judge)->getField('user_id');
  13. $_SESSION['ADMIN_user_name']=$data['user_name'];
  14. $this->ajaxReturn(0);//登陆成功
  15. }
  16. $this->ajaxReturn(1);//用户名或密码错误
  17. }
  18. else
  19. $this->ajaxReturn(8);//用户信息被注销
  20. }
  21. else
  22. $this->ajaxReturn(2);//验证码错误
  23. }

ajax参数详解:

data

类型:String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

dataFilter

类型:Function

给 Ajax 返回的原始数据的进行预处理的函数。提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。函数返回的值将由 jQuery 进一步处理。

dataType

类型:String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

error

类型:Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。

如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。

global

类型:Boolean

是否触发全局 AJAX 事件。默认值: true。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。

ifModified

类型:Boolean

仅在服务器数据改变时获取新数据。默认值: false。使用 HTTP 包 Last-Modified 头信息判断。在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。

jsonp

类型:String

在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?" 这种 GET 或 POST 请求中 URL 参数里的 "callback" 部分,比如 {jsonp:'onJsonPLoad'} 会导致将 "onJsonPLoad=?" 传给服务器。

jsonpCallback

类型:String

为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回调函数名。

password

类型:String

用于响应 HTTP 访问认证请求的密码

processData

类型:Boolean

默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

scriptCharset

类型:String

只有当请求时 dataType 为 "jsonp" 或 "script",并且 type 是 "GET" 才会用于强制修改 charset。通常只在本地和远程的内容编码不同时使用。

success

类型:Function

请求成功后的回调函数。

参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。

这是一个 Ajax 事件。

traditional

类型:Boolean

如果你想要用传统的方式来序列化数据,那么就设置为 true。请参考工具分类下面的 jQuery.param 方法。

timeout

类型:Number

设置请求超时时间(毫秒)。此设置将覆盖全局设置。

type

类型:String

默认值: "GET")。请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。

url

类型:String

默认值: 当前页地址。发送请求的地址。

username

类型:String

用于响应 HTTP 访问认证请求的用户名。

xhr

类型:Function

需要返回一个 XMLHttpRequest 对象。默认在 IE 下是 ActiveXObject 而其他情况下是 XMLHttpRequest 。用于重写或者提供一个增强的 XMLHttpRequest 对象。这个参数在 jQuery 1.3 以前不可用。