来讲讲这一个多星期的感受
从九月一号开始就是开始讲了Javascript,开始还是很自信的,然后也是能理解,慢慢的讲到循环,然后一下就开始做表格,炸金花,贪吃蛇,套用语法属性元素标签,,,,,,脑袋里是又得回忆这些方法怎么用,还要想思路要怎么写,语法怎么用,。。。。。。。。除了懵逼,我是无法表达此时的我了。逻辑对于我来说本来就是不容易的,主要是没有任何思路,不能一下子活学活用,甚至根本不知道怎么下手。真的是心累啊,大家也都是老师讲一遍,再对着代码一遍遍的理解,再去尝试,真的是可能死在一个符号的代码痴,一个星期讲完了js,这周又开始JQ,。。。。。。。。内心真的拒绝,感觉根本都没有熟练用好js现在又开始新写法的jq,,,,,,,,,,真的是赶不上这进度,感觉累死,挤公交都握着手机看看js代码,真的是。。。。。。。。。。。。。。。。。感觉心有余而力不足,心态崩了,对于一个没啥基础的,太心累了。熬吧,兄弟们!
今天写了js的表格,jq研究了半天还是不太对,运行不出来
整理了JQ的写法:
作用 javaQuery
获取ID属性的值 (“# “)
创建节点
(“# “) 创建节点
(“”)
获取类名为,,的值
(“.“)
(
“
.
“
)
(“[name=’uid’]”);
(“div”);获取有效值val()html()单机事件.on()
(
“
d
i
v
”
)
;
获
取
有
效
值
v
a
l
(
)
h
t
m
l
(
)
单
机
事
件
.
o
n
(
)
(document).ready(function(){功能语句});
(function()功能语句
(
f
u
n
c
t
i
o
n
(
)
功
能
语
句
(selector).load(“URL”,data可选,callback可选)
(this/”#id名”/”.类名”/”标签”等)
var b=
(this/”#id名”/”.类名”/”标签”等) var b=
(this/”#id名”/”.类名”/”标签”等)
子节点.parent()
父节点.children()
节点.prev()
节点.next()
(“#id名”).siblings();获取所有的同辈元素
(“#id名”).siblings();获取所有的同辈元素
(“#li1”).closet(“ul”);用于取得最近的匹配元素,首先检查1当前元素是否匹配,匹配直接返回元素
(“#id”).eq(1).append().().();
文本内容 (this/”#id名”/”.类名”/”标签”等).text();
元素内容(包括HTL 标记)
(this/”#id名”/”.类名”/”标签”等).text(); 元素内容(包括HTL 标记)
(this/”#id名”/”.类名”/”标签”等).html();
表单value属性值 (“#id名”).val()
属性值
(“#id名”).val() 属性值
(“#id名”).attr(“属性”)
获取节点及内容
(“selector”).html();获取节点内容
(
“
s
e
l
e
c
t
o
r
”
)
.
h
t
m
l
(
)
;
获
取
节
点
内
容
(“selecttor”).text();
获取元素内容
(“selecttor”).action();获取第i个节点名称及内容
(
“
s
e
l
e
c
t
t
o
r
”
)
.
a
c
t
i
o
n
(
)
;
获
取
第
i
个
节
点
名
称
及
内
容
(“selector”).get(i);
创建节点
(““);在标签中加入内容
(
“
“
)
;
在
标
签
中
加
入
内
容
(““).text(“在标签中加入内容!”):
在标签中加入内容
(““).html(“在标签中加入内容!”):在每个p标签开头插入
(
“
“
)
.
h
t
m
l
(
“
在
标
签
中
加
入
内
容
!
”
)
:
在
每
个
p
标
签
开
头
插
入
(“p”).prepend(“
在每个p标签开头插入!
“);在每个p标签末尾插入 $(“p”).append(“
在每个p标签开头插入!
“);在末尾插入 $(“id名”).append(“
在末尾插入!
“);在末尾插入已经复制的p元素(包括各种各样式属性) ("body").append( ( " b o d y " ) . a p p e n d ( (“p”).clone()):
把每个p元素中的内容替换成“hello world!” $(“p”).text(“Hello world!”);
把每个p元素中的内容替换成“hello world!”保留数量 $(“p”).html(“Hello world!”);
把所有p元素中的内容替换成“hello world!”只剩一个 $(“p”).replaceASII(“Hello world!”);
把每个p元素中的内容及其子节点清空 (“p”).empty();把每个p元素中的内容及其子节点清空,但可以再次引用。 ( “ p ” ) . e m p t y ( ) ; 把 每 个 p 元 素 中 的 内 容 及 其 子 节 点 清 空 , 但 可 以 再 次 引 用 。 (“p”).detach();
把每个p元素中的内容及其子节点清空,但不可以再次引用。 (“p”).remove();jquery转化为js对象 ( “ p ” ) . r e m o v e ( ) ; j q u e r y 转 化 为 j s 对 象 (#id名){0] (#id名).get(0)
js转化为jquery对象 var a = document.getElementById(“id名”): (#id名).get(0) js转化为jquery对象 var a = document.getElementById(“id名”): (a);
隐藏当前元素 (this).hide()隐藏所有段落 ( t h i s ) . h i d e ( ) 隐 藏 所 有 段 落 (“p”).hide()
隐藏所有class = “test”的段落 (“p.test”).hide()隐藏所有id=“test”的元素 ( “ p . t e s t ” ) . h i d e ( ) 隐 藏 所 有 i d = “ t e s t ” 的 元 素 (“#test”).hide()
选取所有的P元素 $(“p”)
选取第一个
元素 $(“p:first”)
选取第一个
- 元素的第一个
- 元素 $(“ul li:first”)
选取每一个- 元素的第一个
- 元素
(“ulli:first−child”)选取所有带有”href”属性的元素
(
“
u
l
l
i
:
f
i
r
s
t
−
c
h
i
l
d
”
)
选
取
所
有
带
有
”
h
r
e
f
”
属
性
的
元
素
(“[href]”)
选取所有target属性值等于”_blank”的元素 $(“a[target=’_blank’]”)
选取所有target属性值不等于”_blank”的元素 (“a[target!= ′ b lank ′ ]”)选取所有的type=”button”的元素和元素 ( “ a [ t a r g e t ! = b ′ l a n k ′ ] ” ) 选 取 所 有 的 t y p e = ” b u t t o n ” 的 元 素 和 元 素 (“:button”)
选取偶数位置的元素 (“tr:even”)选取奇数位置的元素 ( “ t r : e v e n ” ) 选 取 奇 数 位 置 的 元 素 (“tr:odd”)