注册登录

yueqian

摘要:

正文:
[TOC]

js的使用

  • 标签内部直接写js代码
  • 创建js文件 main.js
  • 变量的声明 var
  • 字符串的拼接 ‘hello’+’world’==>’helloworld’
  • jquery引入jquery文件，引入文件的标签不能写入jqeury代码
  • 当你在获取页面元素的时候，代码是从上往下读的，等待页面加载完毕
  • jq获取页面元素 $(‘css选择器’)
1
2
3
知识兔td>
$function(){
	
}
知识兔td>

jq 的val()传参

传参，代表设置输入框内的文本内容
不传参，代表获取输入框内的文本内容

jq 的text()获取或修改文本

修改元素css样式

$(‘#test’).css({color:’red’,fontSize}:16px);

jq 里的eq，获取所有选择元素中指定索引（index）的元素

$(#ul li).text(‘全部’);

//获取其中一个元素

1
2
3
4
5
6
7
8
9
10
11
12
13
知识兔td>
<script>
	$(function(){
		$(#ul li).eq(0).text("yi");
	})
</script>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
知识兔td>

大专栏  yueqian $(‘<div’) (div)(/div)">创建元素 $(‘<div’) (div)(/div)

1
2
3
4
5
6
知识兔td>
<script>
$("<input type="button">")
$('<div>hello world</div>')
//将元素添加到页面
$$('css选择父元素').append('<div>')
</script>
知识兔td>

当按钮点击时函数

1
2
3
4
5
6
知识兔td>
<script>
$('#button').on('click',function(){
	//函数内容  打印在console里
	console.log("button was clicked")
</script>
})
知识兔td>
1
2
3
4
5
6
7
8
9
10
知识兔td>
<script>
	$(function(){  //等待页面加载完毕
		//jq获取页面元素  $('css选择器')
		var $input=$('#input');
		//原生的写法
		//var input=document.getElementById('input');
	})
</script>
知识兔td>

  • prototype 源型模式

  • npm是node自带插件

  • react 最好用mac电脑

  • 后台才用document

计算机