jQuery

$(selector).action()

        选择器            事件

<!--
公式: $(selector).action()
-->
<a href="" id="test-jquery">点我</a>

<script>
    document.getElementById('test-jquery');
    //选择器就是css的选择器
    $('#test-jquery').click(function (){
        alert('hello,jquery');
    })

</script>

选择器

<script>
    //标签
    document.getElementsByTagName();
    //id
    document.getElementById();
    //类
    document.getElementsByClassName();
    
    //jQuery  
    $('p').click();//标签选择器
    $('#id1').click();//id选择器
    $('.class1').click();//class选择器
    
</script>

文档工具站:https://jquery.cuishifeng.cn/

事件

鼠标事件 键盘事件 其他事件

鼠标事件

 

<body>
<!--要求:获取鼠标当前的一个坐标-->
mouse:<span id="mouseMove"></span>
<div id="divMove">
    在这里移动鼠标试试
</div>

<script>
    //当网页元素加载完毕之后响应事件
    $(document).ready(function (){
        $('#divMove').mousemove(function (e){
            $('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY)
        })
    });

</script>


</body>

操作DOM

 

节点文本操作

$('#test-ul li[name=python]').text();  //获得值
$('#test-ul li[name=python]').text('设置值');//设置值
$('#test-ul').html();  //获得值
$('#test-ul').html('设置值');  //设置值

css操作

$('#test-ul li[name=python]').css({"color","red"},{,});

元素的显示和隐藏

$('#test-ul li[name=python]').show();//显示
$('#test-ul li[name=python]').hide();//隐藏

 

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值