用jq实现缩小这段代码长度为50px <div class="layui-logo layui-hide-xs layui-bg-black el-title"><img src="./public/image/title.png" class="el-title-img">智慧维保</div>
时间: 2024-02-21 18:58:25 浏览: 15
你可以这样实现:
```
$('.layui-logo').css('width', '50px');
$('.el-title').removeClass('layui-hide-xs').css('font-size', '12px');
$('.el-title-img').css('height', '20px');
```
这样就能把该 div 缩小为 50px。
相关问题
<div id="canvas" a="XDEBUG_PEPM" style="padding-top:70px;"> <div class="boardbox"> <form class="layui-form" action="" id="typform" onsubmit="return false;"> <div class="layui-form-item singel-input"> <div class="layui-row"> <div class="layui-col-xs6 layui-col-md2"> </div> <div class="layui-col-xs12 layui-col-md2"> <div class="dataTables_filter layui-input-block" id="searchKwdiv"> <label> <input type="search" name="title" id="searchKw" class="layui-input" placeholder="输入关键字回车"> </label> </div> </div>当这段代码里input输入框的值发生改变时通过jq来触发function
您可以使用以下代码:
```
$('#searchKw').bind('input propertychange', function() {
// 在这里调用你的函数
});
```
这里使用jQuery的bind方法监听input输入框的输入事件,包括input和propertychange事件,当输入框的值发生改变时会自动触发这个事件,从而执行你的函数。
<div id="canvas" a="XDEBUG_PEPM" style="padding-top:70px;"> <div class="boardbox"> <form class="layui-form" action="" id="typform" onsubmit="return false;"> <div class="layui-form-item singel-input"> <div class="layui-row"> <div class="layui-col-xs6 layui-col-md2"> </div> <div class="layui-col-xs12 layui-col-md2"> <div class="dataTables_filter layui-input-block" id="searchKwdiv"> <label> <input type="search" name="title" id="searchKw" class="layui-input" placeholder="输入关键字回车"> </label> </div> </div>当input输入框的值发生改变时通过jq来触发function
您可以使用jQuery的change事件来监听input输入框的值的改变,然后去调用一个JavaScript函数。例如:
```
$("#searchKw").on("change", function() {
// 在这里调用你的函数
});
```
这样当input输入框的值发生改变时,jQuery会自动触发change事件,从而执行你的函数。