什么时候用jQuery?什么时候用JavaScript?

1、.index():索引

<body>
<button>按钮一</button>
<button>按钮二</button>
<button>按钮三</button>

<script src="../script/jquery.js"></script>
<script>
$("button").click(function () {
console.log($(this).index())
})
</script>
</body>

2、.text():文本

 <script>
$("button").click(function () {
// console.log($(this).index());
console.log($(this).text());
$(this).text("新按钮");
})
</script>

3、.css():样式

 <script>
$("button").click(function () {
// console.log($(this).index());
// console.log($(this).text());
// $(this).text("新按钮");
console.log($(this).css("height"));
$(this).css("height", "50px");
})
</script>

4、.val():value值

 <input type="button" value="按钮">

<script>
console.log($("input").val());
$("input").click(function () {
$(this).val("新按钮");
})
</script>

 

 

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《什么时候用jQuery?什么时候用JavaScript?》
文章链接:https://zhuji.vsping.com/4614.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。